/* Header (navbar) styles for Spotify Careers */

.desktopmenu_header__00FpM {
  width: 100%;
  background: #fff;
  box-shadow: none;
  padding: 0;
  margin: 0;
  font-family: "Inter", Arial, sans-serif;
}

.desktopmenu_mainMenuContainer__v7Fpf {
  max-width: 100vw;
  margin: 0 auto;
  padding: 0 32px;
}

.jobs__list-item-mask {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1;
  animation: LoadingJobs 1s infinite;
}
@-webkit-keyframes LoadingJobs {
  0% {
    background: #a9a9a9;
  }
  50% {
    background: #d2d3d3;
  }
  100% {
    background: #a9a9a9;
  }
}
@-moz-keyframes LoadingJobs {
  0% {
    background: #a9a9a9;
  }
  50% {
    background: #d2d3d3;
  }
  100% {
    background: #a9a9a9;
  }
}
@keyframes LoadingJobs {
  0% {
    background: #a9a9a9;
  }
  50% {
    background: #d2d3d3;
  }
  100% {
    background: #a9a9a9;
  }
}

.mt-xxxs.desktopmenu_mainMenu__0HcOa {
  display: flex;
  margin-top: 20px;
  align-items: center;
  justify-content: space-between;
}

.p-relative {
  position: relative;
}

.optioncheckbox_container__Ofuf8 {
  position: relative;
  padding-left: 30px;
  padding-right: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: block;
  min-height: 20px;
  display: flex;
  align-items: flex-start;
}

.mobilesearchinput_container__LvGbg {
  display: flex;
  align-items: center;
  position: relative;
  padding: 10px 10px 10px 15px;
  border: 1px solid #191414;
  border-radius: 100px;
  z-index: 1;
}

.optioncheckbox_container__Ofuf8
  input:checked
  ~ .optioncheckbox_checkmark__JA3xk {
  background-color: #fae62d;
  border-color: #fae62d;
}

.optioncheckbox_checkmark__JA3xk:after {
  content: "";
  position: absolute;
  display: none;
  background: url(./images/icon-checkbox-dark.svg) no-repeat;
  background-size: 12px 9px;
  width: 12px;
  height: 9px;
  left: 3px;
  top: 5px;
}

.mobilesearchinput_input__xaYa1 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: 0;
  border: 0;
  padding: 0;
  background: transparent;
}

.mobilesearchinput_icon__JA3q8 {
  width: 13px;
  height: auto;
  flex-shrink: 0;
  margin-right: 10px;
}

.noresults_fadeUp-0__Cn2ev {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .noresults_fadeUp-0-mobile__ftiws {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

@media only screen and (max-width: 500px) {
  #jobs-container {
    padding: 0 40px;
  }

  .entry_container__eT9IU {
    padding: 15px 20px !important;
  }

  .tags_container__mE0BD.tags_small__GGEQI {
    max-width: 100%;
  }
}

.noresults_fadeLeft-0__45oii {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .noresults_fadeLeft-0-mobile__fW9Xf {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.noresults_fadeUp-100__Dzpop {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .noresults_fadeUp-100-mobile__TXQT6 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.noresults_fadeLeft-100__oCdNo {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .noresults_fadeLeft-100-mobile__22yUy {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.noresults_fadeUp-200__Ht0FV {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .noresults_fadeUp-200-mobile__TiGAk {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.noresults_fadeLeft-200__TP_mv {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .noresults_fadeLeft-200-mobile__qLIdP {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.noresults_fadeUp-300__YHEEP {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .noresults_fadeUp-300-mobile__upxq0 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.noresults_fadeLeft-300__uDzTw {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .noresults_fadeLeft-300-mobile__Mgx6w {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.noresults_fadeUp-400__v2UFQ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .noresults_fadeUp-400-mobile__YQADg {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.noresults_fadeLeft-400__gzvGP {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .noresults_fadeLeft-400-mobile__Sxsyk {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.noresults_fadeUp-500__hVxvz {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .noresults_fadeUp-500-mobile__9F91b {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.noresults_fadeLeft-500__Ug2SO {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .noresults_fadeLeft-500-mobile__7L5dh {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.noresults_fadeUp-outside__rBLk7 {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .noresults_fadeUp-outside-mobile___bAWe {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.noresults_fadeLeft-outside__r2gxe {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .noresults_fadeLeft-outside-mobile__NYo_A {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.noresults_in__9YGTK {
  opacity: 1;
  transform: translate(0);
}

.noresults_container__8LDfz {
  border: 1px solid rgba(16, 16, 24, 0.12);
  color: rgba(16, 16, 24, 0.6);
  display: flex;
  flex-direction: column;
  padding: 50px;
  align-items: center;
}

.noresults_icon__1ozQy {
  display: block;
  width: 74px;
  height: auto;
}

@media only screen and (max-width: 1024px) {
  .noresults_container__8LDfz {
    padding: 30px 25px;
  }

  .noresults_icon__1ozQy {
    width: 55px;
  }
}

.buttons_fadeUp-0__S3Kiy {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .buttons_fadeUp-0-mobile__lLrS5 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

.buttons_fadeLeft-0__uCGTm {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .buttons_fadeLeft-0-mobile__IqxYy {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.buttons_fadeUp-100__aUvkJ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .buttons_fadeUp-100-mobile__oLB8M {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.buttons_fadeLeft-100__D8zYm {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .buttons_fadeLeft-100-mobile__YMmxm {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.buttons_fadeUp-200__t_OQv {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .buttons_fadeUp-200-mobile__PIr_y {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.buttons_fadeLeft-200__kaSwX {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .buttons_fadeLeft-200-mobile__6yIL7 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.buttons_fadeUp-300__28CMJ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .buttons_fadeUp-300-mobile__nWRAd {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.buttons_fadeLeft-300__GQRaE {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .buttons_fadeLeft-300-mobile__EeL2A {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.buttons_fadeUp-400__gL6j3 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .buttons_fadeUp-400-mobile__lieBd {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.buttons_fadeLeft-400__iE_6I {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .buttons_fadeLeft-400-mobile__nSaaJ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.buttons_fadeUp-500__qzJ86 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .buttons_fadeUp-500-mobile__HPZzZ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.buttons_fadeLeft-500__V8osR {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .buttons_fadeLeft-500-mobile__ruYbC {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.buttons_fadeUp-outside__rbCTE {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .buttons_fadeUp-outside-mobile__KzAvc {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.mobilemenu_mainContainer__hzqH6 {
  backface-visibility: hidden;
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0px 20px;
}

.buttons_fadeLeft-outside__AhV4O {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .buttons_fadeLeft-outside-mobile__oYBlx {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.buttons_in__rQJ3b {
  opacity: 1;
  transform: translate(0);
}

/* .buttons_base__YtjZy,.buttons_filled__uuK0X,.buttons_outlined__7_j26 {
    border-radius: 100px;
    border: 1px solid transparent;
    padding: 19px 30px;
    color: #fff;
    cursor: pointer;
    display: inline-block
} */

.buttons_base__YtjZy,
.buttons_filled__uuK0X,
.buttons_outlined__7_j26 {
  border-radius: 100px;
  border: 1px solid transparent;
  padding: 19px 30px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
}

.buttons_base__YtjZy:disabled,
.buttons_filled__uuK0X:disabled,
.buttons_outlined__7_j26:disabled {
  cursor: wait;
}

.buttons_base__YtjZy:focus-visible,
.buttons_filled__uuK0X:focus-visible,
.buttons_outlined__7_j26:focus-visible {
  box-shadow: 0 0 0 2px #015ecc;
}

.buttons_fluid__6KCZq {
  width: 100%;
}

.buttons_filled__uuK0X {
  text-decoration: none;
  background-color: #191414;
}

.buttons_filled__uuK0X:disabled {
  background-color: rgba(25, 20, 20, 0.2);
}

.buttons_filled__uuK0X.buttons_light__lNsfo {
  background-color: #fff;
  color: #191414;
  border: 1px solid #191414;
}

.buttons_filled__uuK0X.buttons_light__lNsfo:disabled {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.buttons_outlined__7_j26 {
  border: 1px solid #fff;
}

.buttons_outlined__7_j26:disabled {
  opacity: 0.2;
}

.buttons_base__YtjZy:disabled,
.buttons_filled__uuK0X:disabled,
.buttons_outlined__7_j26:disabled {
  cursor: wait;
}

.buttons_base__YtjZy:focus-visible,
.buttons_filled__uuK0X:focus-visible,
.buttons_outlined__7_j26:focus-visible {
  box-shadow: 0 0 0 2px #015ecc;
}

.buttons_fluid__6KCZq {
  width: 100%;
}

.buttons_filled__uuK0X {
  text-decoration: none;
  background-color: #191414;
}

.buttons_filled__uuK0X:disabled {
  background-color: rgba(25, 20, 20, 0.2);
}

.buttons_filled__uuK0X.buttons_light__lNsfo {
  background-color: #fff;
  color: #191414;
  border: 1px solid #191414;
}

.buttons_filled__uuK0X.buttons_light__lNsfo:disabled {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.buttons_outlined__7_j26 {
  border: 1px solid #fff;
}

.buttons_outlined__7_j26:disabled {
  opacity: 0.2;
}

@media (hover: hover) {
  .buttons_filled__uuK0X:not([disabled]) {
    transition: all 0.2s ease;
  }

  .buttons_filled__uuK0X:not([disabled]):hover {
    background-color: transparent;
    border-color: #191414;
    color: #191414;
  }

  .buttons_filled__uuK0X.buttons_light__lNsfo:not([disabled]):hover {
    background-color: #191414;
    color: #fff;
  }

  .buttons_outlined__7_j26:not([disabled]) {
    transition: all 0.2s ease;
  }

  .buttons_outlined__7_j26:not([disabled]):hover {
    background-color: #fff;
    color: #191414;
  }
}

@media only screen and (max-width: 1024px) {
  .buttons_outlined__7_j26.buttons_fluidMobile__F0i1W {
    width: 100%;
  }
}

.formerror_fadeUp-0__EUZow {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .formerror_fadeUp-0-mobile__w8pPT {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

.formerror_fadeLeft-0__kiiiD {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .formerror_fadeLeft-0-mobile__aRtiB {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.formerror_fadeUp-100__bUbEp {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .formerror_fadeUp-100-mobile__L3Uq_ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.formerror_fadeLeft-100__srrk2 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .formerror_fadeLeft-100-mobile__AXWo8 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.formerror_fadeUp-200__xxBfo {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .formerror_fadeUp-200-mobile__ykqRj {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.formerror_fadeLeft-200__zUxzJ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .formerror_fadeLeft-200-mobile__bWN1r {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.formerror_fadeUp-300__SSkQv {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .formerror_fadeUp-300-mobile__veQmP {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.formerror_fadeLeft-300__Ox5n_ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .formerror_fadeLeft-300-mobile__VOYD4 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.formerror_fadeUp-400__M8fMh {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .formerror_fadeUp-400-mobile__cTljQ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.formerror_fadeLeft-400__e7_9A {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .formerror_fadeLeft-400-mobile__8fzM1 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.formerror_fadeUp-500__1tKT9 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .formerror_fadeUp-500-mobile__H1hOn {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.formerror_fadeLeft-500__9T_jq {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .formerror_fadeLeft-500-mobile__egcVA {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.formerror_fadeUp-outside__xf2G_ {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .formerror_fadeUp-outside-mobile__S4FPk {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.formerror_fadeLeft-outside__hu_56 {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .formerror_fadeLeft-outside-mobile__i3yR3 {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.formerror_in__EYWpP {
  opacity: 1;
  transform: translate(0);
}

.formerror_container__pMgDl {
  border-radius: 15px;
  border: 1px solid #ff4834;
  padding: 24px 30px 24px 20px;
}

.formerror_text__9BQwg {
  display: flex;
  align-items: center;
}

.formerror_text__9BQwg:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/icons/icon-error.svg) no-repeat 50%;
  display: inline-block;
  margin-right: 15px;
  flex-shrink: 0;
}

.textinput_fadeUp-0__kc3HQ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .textinput_fadeUp-0-mobile__LIkAt {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

.textinput_fadeLeft-0__jHfFH {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .textinput_fadeLeft-0-mobile__UTl7n {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.textinput_fadeUp-100__wBiPb {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .textinput_fadeUp-100-mobile__0RzxX {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.textinput_fadeLeft-100__612Sg {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .textinput_fadeLeft-100-mobile__5zp4Y {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.textinput_fadeUp-200__fuXE_ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .textinput_fadeUp-200-mobile__nqHZD {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.textinput_fadeLeft-200__g7NzH {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .textinput_fadeLeft-200-mobile__THOeD {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.textinput_fadeUp-300__e92O_ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .textinput_fadeUp-300-mobile__otsPI {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.textinput_fadeLeft-300__IoyK0 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .textinput_fadeLeft-300-mobile__inflk {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.textinput_fadeUp-400__2wkDG {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .textinput_fadeUp-400-mobile__GZZxn {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.textinput_fadeLeft-400__5InP5 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .textinput_fadeLeft-400-mobile__Gixpa {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.textinput_fadeUp-500__di9ZR {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .textinput_fadeUp-500-mobile__IFqDR {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.textinput_fadeLeft-500__eX6A9 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .textinput_fadeLeft-500-mobile__vUZRE {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.textinput_fadeUp-outside__c5jUe {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .textinput_fadeUp-outside-mobile__pto8F {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.textinput_fadeLeft-outside__r2HO1 {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .textinput_fadeLeft-outside-mobile__27xyC {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.textinput_in__9gNnS {
  opacity: 1;
  transform: translate(0);
}

.textinput_container__FTlCt {
  border-radius: 15px;
  border: 1px solid rgba(16, 16, 24, 0.12);
  padding: 20px;
  position: relative;
}

.textinput_container__FTlCt.textinput_focus__Yjkkg
  .textinput_input__sE8YA::placeholder {
  color: #191414;
}

.textinput_container__FTlCt.textinput_value__rnrjs .textinput_input__sE8YA {
  top: 10px;
}

.textinput_container__FTlCt.textinput_value__rnrjs .textinput_label__8kRlg {
  opacity: 1;
}

.textinput_container__FTlCt.textinput_dark__9P_Ox {
  border: 0;
  background: #242424;
  color: #fff;
}

.textinput_container__FTlCt.textinput_dark__9P_Ox .textinput_input__sE8YA {
  color: #fff;
}

.textinput_container__FTlCt.textinput_dark__9P_Ox
  .textinput_input__sE8YA::placeholder {
  color: #fff;
}

.textinput_container__FTlCt.textinput_dark__9P_Ox .textinput_label__8kRlg {
  color: hsla(0, 0%, 100%, 0.4);
}

.textinput_input__sE8YA {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  width: 100%;
  padding: 0 34px 0 0;
  margin: 0;
  outline: 0;
  position: relative;
  z-index: 1;
  background: transparent;
}

.textinput_input__sE8YA:-webkit-autofill,
.textinput_input__sE8YA:-webkit-autofill:active,
.textinput_input__sE8YA:-webkit-autofill:focus,
.textinput_input__sE8YA:-webkit-autofill:hover {
  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
}

.textinput_label__8kRlg {
  position: absolute;
  opacity: 0;
  top: 14px;
  left: 20px;
}

.textinput_label__8kRlg.textinput_error__W_YUQ {
  color: #ff4834;
}

.textinput_icon__zwoW_ {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: url(/icons/icon-input-cross.svg) 50% no-repeat #f79bd2;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  z-index: 2;
}

.textinput_icon__zwoW_.textinput_error__W_YUQ {
  visibility: visible;
}

.textinput_icon__zwoW_.textinput_valid__ddV_P {
  visibility: visible;
  background: url(/icons/icon-input-check.svg) 50% no-repeat #96f0b6;
}

.jobalert_fadeUp-0__4C_iy {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .jobalert_fadeUp-0-mobile__lUIDW {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

.jobalert_fadeLeft-0__knQGj {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .jobalert_fadeLeft-0-mobile__xC9ci {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.jobalert_fadeUp-100__41TXR {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .jobalert_fadeUp-100-mobile__NMZEr {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.jobalert_fadeLeft-100__KesB2 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .jobalert_fadeLeft-100-mobile__DneZz {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.jobalert_fadeUp-200__VLcdB {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .jobalert_fadeUp-200-mobile__hNjlc {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.jobalert_fadeLeft-200__wD4Xq {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .jobalert_fadeLeft-200-mobile__YaJVH {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.jobalert_fadeUp-300__6_Xl0 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .jobalert_fadeUp-300-mobile__890O4 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.jobalert_fadeLeft-300__vOb2T {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .jobalert_fadeLeft-300-mobile__AU086 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.jobalert_fadeUp-400__dmXld {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .jobalert_fadeUp-400-mobile__uc8mB {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.jobalert_fadeLeft-400__eRkwX {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .jobalert_fadeLeft-400-mobile___U0pu {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.jobalert_fadeUp-500__0FACU {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .jobalert_fadeUp-500-mobile__PoZDN {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.jobalert_fadeLeft-500__a_8ha {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .jobalert_fadeLeft-500-mobile__P65jQ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.jobalert_fadeUp-outside__NLHI3 {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .jobalert_fadeUp-outside-mobile__fBBXj {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.jobalert_fadeLeft-outside__sd9Eu {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .jobalert_fadeLeft-outside-mobile__mQ9S2 {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.jobalert_in__3BAff {
  opacity: 1;
  transform: translate(0);
}

.jobalert_disclaimer__jtYNi {
  color: hsla(0, 0%, 100%, 0.6);
}

.entry_fadeUp-0__b4C9i {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .entry_fadeUp-0-mobile__Dj0qi {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

.entry_fadeLeft-0__cpv8n {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .entry_fadeLeft-0-mobile__428N2 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.entry_fadeUp-100__e5IKk {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .entry_fadeUp-100-mobile__Idl1D {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.entry_fadeLeft-100__hju3u {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .entry_fadeLeft-100-mobile__T5vvP {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.entry_fadeUp-200__S7hIv {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .entry_fadeUp-200-mobile__VUZ8V {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.entry_fadeLeft-200__rsYtU {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .entry_fadeLeft-200-mobile__TX_7r {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.entry_fadeUp-300__1kyBx {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .entry_fadeUp-300-mobile__Q1jRp {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.entry_fadeLeft-300__qXIAG {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .entry_fadeLeft-300-mobile__IUqH_ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.entry_fadeUp-400__lhsNG {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .entry_fadeUp-400-mobile__kQQaD {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.entry_fadeLeft-400__GkYIn {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .entry_fadeLeft-400-mobile__oBOAw {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.entry_fadeUp-500__3KYr3 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .entry_fadeUp-500-mobile__N_9Gb {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.entry_fadeLeft-500__ek1Zm {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .entry_fadeLeft-500-mobile__voCvR {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.entry_fadeUp-outside__2gu2f {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .entry_fadeUp-outside-mobile__vqBje {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.entry_fadeLeft-outside__dbtrB {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .entry_fadeLeft-outside-mobile__DBZ_q {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.entry_in__6eF8L {
  opacity: 1;
  transform: translate(0);
}

.entry_container__eT9IU {
  padding: 25px 30px;
  border: 1px solid rgba(16, 16, 24, 0.12);
}

.entry_cols__Qmz_O {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.entry_locationCommitment__6yJo8 {
  display: flex !important;
  justify-content: space-between;
}

.entry_locationCommitment__6yJo8.entry_hideDesktop__6LcB2 {
  display: none !important;
}

.entry_or__t1D7M {
  color: rgba(16, 16, 24, 0.38);
}

.entry_header__rW6hK {
  align-items: flex-start;
}

.entry_location__JKmCT {
  padding-left: 10px;
  flex: 1 0 auto;
}

@media (hover: hover) {
  .entry_container__eT9IU {
    transition: border-color 0.2s;
  }

  .entry_container__eT9IU:hover {
    border-color: #191414;
  }

  .entry_title__Q0z3u {
    transition: color 0.2s;
  }

  .entry_title__Q0z3u:hover {
    color: #fae62d;
  }
}

@media only screen and (max-width: 1024px) {
  .entry_container__eT9IU {
    padding: 20px;
  }

  .entry_locationCommitment__6yJo8.entry_hideDesktop__6LcB2 {
    display: flex !important;
  }
}

.optioncheckbox_fadeUp-0__Ovd5R {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .optioncheckbox_fadeUp-0-mobile__8vbke {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

.optioncheckbox_fadeLeft-0__P5kQv {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .optioncheckbox_fadeLeft-0-mobile__NdSeU {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.optioncheckbox_fadeUp-100__asqhc {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .optioncheckbox_fadeUp-100-mobile__XyRCg {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.optioncheckbox_fadeLeft-100__2_jti {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .optioncheckbox_fadeLeft-100-mobile__Wipml {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.optioncheckbox_fadeUp-200__uZTih {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .optioncheckbox_fadeUp-200-mobile__nNGrC {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.optioncheckbox_fadeLeft-200__ymGgC {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .optioncheckbox_fadeLeft-200-mobile__FtLpm {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.optioncheckbox_fadeUp-300__nHcA0 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .optioncheckbox_fadeUp-300-mobile__2DRk0 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.optioncheckbox_fadeLeft-300__E7BVS {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .optioncheckbox_fadeLeft-300-mobile__rIcB2 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.optioncheckbox_fadeUp-400__9dUT6 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .optioncheckbox_fadeUp-400-mobile__nOjl5 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.optioncheckbox_fadeLeft-400__vCn_X {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .optioncheckbox_fadeLeft-400-mobile__eagph {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.optioncheckbox_fadeUp-500__thm1j {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .optioncheckbox_fadeUp-500-mobile__JMLuK {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.optioncheckbox_fadeLeft-500__a4zax {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .optioncheckbox_fadeLeft-500-mobile__9ddB_ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.optioncheckbox_fadeUp-outside__cTylv {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .optioncheckbox_fadeUp-outside-mobile__BrDC3 {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.optioncheckbox_fadeLeft-outside__Wl35J {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .optioncheckbox_fadeLeft-outside-mobile__V0v9h {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.optioncheckbox_in__RNjhd {
  opacity: 1;
  transform: translate(0);
}

.optioncheckbox_container__Ofuf8 {
  position: relative;
  padding-left: 30px;
  padding-right: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: block;
  min-height: 20px;
  display: flex;
  align-items: flex-start;
}

.optioncheckbox_container__Ofuf8.optioncheckbox_center__kVHLi {
  align-items: center;
}

.optioncheckbox_container__Ofuf8 input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  left: 0;
  top: 0;
  border-color: red;
}

.optioncheckbox_container__Ofuf8
  input:checked
  ~ .optioncheckbox_checkmark__JA3xk {
  background-color: #fae62d;
  border-color: #fae62d;
}

.optioncheckbox_container__Ofuf8
  input:checked
  ~ .optioncheckbox_checkmark__JA3xk:after {
  display: block;
}

.optioncheckbox_container__Ofuf8
  input:checked
  ~ .optioncheckbox_checkmark__JA3xk.optioncheckbox_darkTheme__jlvZ_ {
  background-color: #191414;
  border-color: #191414;
}

.optioncheckbox_search__TQEcK {
  padding-right: 20px;
}

.optioncheckbox_checkmark__JA3xk {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #191414;
  border-radius: 5px;
}

.optioncheckbox_checkmark__JA3xk.optioncheckbox_nested__tFvMv {
  border-color: rgba(16, 16, 24, 0.12);
}

.optioncheckbox_checkmark__JA3xk:after {
  content: "";
  position: absolute;
  display: none;
  background: url(./images/icon-checkbox-dark.svg) no-repeat;
  background-size: 12px 9px;
  width: 12px;
  height: 9px;
  left: 3px;
  top: 5px;
}

.optioncheckbox_checkmark__JA3xk.optioncheckbox_darkTheme__jlvZ_ {
  background-color: transparent;
}

.optioncheckbox_checkmark__JA3xk.optioncheckbox_darkTheme__jlvZ_:after {
  background-image: url(./images/icon-checkbox-light.svg);
}

.mobilesearchinput_fadeUp-0__J2Yfe {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .mobilesearchinput_fadeUp-0-mobile__KoiMZ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

.mobilesearchinput_fadeLeft-0__Bgqys {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .mobilesearchinput_fadeLeft-0-mobile__vcrm_ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.mobilesearchinput_fadeUp-100__aftSs {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .mobilesearchinput_fadeUp-100-mobile__Y3_yQ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.mobilesearchinput_fadeLeft-100__h_p4_ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .mobilesearchinput_fadeLeft-100-mobile__VuoTb {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.mobilesearchinput_fadeUp-200__ByF_R {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .mobilesearchinput_fadeUp-200-mobile__k2ijP {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.mobilesearchinput_fadeLeft-200__xOF_s {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .mobilesearchinput_fadeLeft-200-mobile__twCz1 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.mobilesearchinput_fadeUp-300__KHs1H {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .mobilesearchinput_fadeUp-300-mobile__cOQ_l {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.mobilesearchinput_fadeLeft-300___xfxJ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .mobilesearchinput_fadeLeft-300-mobile__PLwXf {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.mobilesearchinput_fadeUp-400__wCxXn {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .mobilesearchinput_fadeUp-400-mobile__CzbgG {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.mobilesearchinput_fadeLeft-400__raT5g {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .mobilesearchinput_fadeLeft-400-mobile__LBPLO {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.mobilesearchinput_fadeUp-500__0qBsy {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .mobilesearchinput_fadeUp-500-mobile__M2P53 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.mobilesearchinput_fadeLeft-500__qonTd {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .mobilesearchinput_fadeLeft-500-mobile__RRF93 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.mobilesearchinput_fadeUp-outside__bFRE7 {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .mobilesearchinput_fadeUp-outside-mobile__m1yHu {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.mobilesearchinput_fadeLeft-outside__s6Tw7 {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .mobilesearchinput_fadeLeft-outside-mobile__7wljh {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.mobilesearchinput_in__1IZTZ {
  opacity: 1;
  transform: translate(0);
}

.mobilesearchinput_container__LvGbg {
  display: flex;
  align-items: center;
  position: relative;
  padding: 10px 10px 10px 15px;
  border: 1px solid #191414;
  border-radius: 100px;
  z-index: 1;
}

.mobilesearchinput_container__LvGbg.mobilesearchinput_clearInput__Toy30 {
  padding: 9px 10px 9px 22px;
}

.mobilesearchinput_container__LvGbg.mobilesearchinput_homeSearchInactive__qU_7g {
  background-color: #fae62d;
}

.mobilesearchinput_container__LvGbg.mobilesearchinput_whiteBackground__rRRye {
  background-color: #fff;
}

.mobilesearchinput_icon__JA3q8 {
  width: 13px;
  height: auto;
  flex-shrink: 0;
  margin-right: 10px;
}

.mobilesearchinput_clear__w_1F0 {
  width: 30px;
  height: 30px;
  background: url(/icons/icon-cross-dark.svg) no-repeat 50%;
  border: 1px solid rgba(16, 16, 24, 0.12);
  border-radius: 50%;
  flex-shrink: 0;
  visibility: hidden;
}

.mobilesearchinput_clear__w_1F0.mobilesearchinput_value__uCBcv {
  visibility: visible;
}

.mobilesearchinput_input__xaYa1 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: 0;
  border: 0;
  padding: 0;
  background: transparent;
}

.mobilesearchinput_input__xaYa1::placeholder,
.mobilesearchinput_input__xaYa1:disabled::placeholder {
  color: #191414;
  line-height: normal;
}

.mobilesearchinput_input__xaYa1.mobilesearchinput_lightPlaceholder___UcXU::placeholder {
  color: rgba(16, 16, 24, 0.6);
}

.simpleoption_fadeUp-0__xAWCK {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .simpleoption_fadeUp-0-mobile__b1M3x {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

.simpleoption_fadeLeft-0__UfLLu {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .simpleoption_fadeLeft-0-mobile__s8tkZ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.simpleoption_fadeUp-100__fVvxo {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .simpleoption_fadeUp-100-mobile__QMrn1 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.simpleoption_fadeLeft-100__8Fd9I {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .simpleoption_fadeLeft-100-mobile__peRCC {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.simpleoption_fadeUp-200__5pQRd {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .simpleoption_fadeUp-200-mobile__HxvCl {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.simpleoption_fadeLeft-200__oy2jd {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .simpleoption_fadeLeft-200-mobile__aaYFt {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.simpleoption_fadeUp-300__fPE0y {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .simpleoption_fadeUp-300-mobile__l0ebF {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.simpleoption_fadeLeft-300__juhZR {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .simpleoption_fadeLeft-300-mobile__Bo31z {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.simpleoption_fadeUp-400__0oQmo {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .simpleoption_fadeUp-400-mobile__FtR5a {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.simpleoption_fadeLeft-400__IHUha {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .simpleoption_fadeLeft-400-mobile__OuFfg {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.simpleoption_fadeUp-500__I3o0J {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .simpleoption_fadeUp-500-mobile__WbsmL {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.simpleoption_fadeLeft-500__NfEB1 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .simpleoption_fadeLeft-500-mobile__awcsr {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.simpleoption_fadeUp-outside__5uGT4 {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .simpleoption_fadeUp-outside-mobile__f3gNf {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.simpleoption_fadeLeft-outside__d2l8o {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .simpleoption_fadeLeft-outside-mobile__rC4ae {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.simpleoption_in__TU10V {
  opacity: 1;
  transform: translate(0);
}

.simpleoption_container__4cjGW {
  border-radius: 10px;
  padding: 15px;
  border: 1px solid rgba(16, 16, 24, 0.12);
}

.accordionoption_fadeUp-0__PVjlj {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .accordionoption_fadeUp-0-mobile__fy99I {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

.accordionoption_fadeLeft-0__1sZVC {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .accordionoption_fadeLeft-0-mobile__x_fZ2 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.accordionoption_fadeUp-100__ABNl0 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .accordionoption_fadeUp-100-mobile__PGDFk {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.accordionoption_fadeLeft-100__6jtko {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .accordionoption_fadeLeft-100-mobile__WVQnZ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.accordionoption_fadeUp-200__yN6wH {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .accordionoption_fadeUp-200-mobile__DOeUx {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.accordionoption_fadeLeft-200__HnPmc {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .accordionoption_fadeLeft-200-mobile__0jK52 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.accordionoption_fadeUp-300__SUdAZ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .accordionoption_fadeUp-300-mobile___6Sof {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.accordionoption_fadeLeft-300__JRRZx {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .accordionoption_fadeLeft-300-mobile__COCbO {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.accordionoption_fadeUp-400__5sLxW {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .accordionoption_fadeUp-400-mobile__Qey62 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.accordionoption_fadeLeft-400__sQxe8 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .accordionoption_fadeLeft-400-mobile__1NhQ0 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.accordionoption_fadeUp-500__CNCjd {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .accordionoption_fadeUp-500-mobile__ZgTmO {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.accordionoption_fadeLeft-500__MdngM {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .accordionoption_fadeLeft-500-mobile__09ZkU {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.accordionoption_fadeUp-outside__C2bK5 {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .accordionoption_fadeUp-outside-mobile__frF3G {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.accordionoption_fadeLeft-outside__awEZD {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .accordionoption_fadeLeft-outside-mobile__mKQ10 {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.accordionoption_in__RpRPC {
  opacity: 1;
  transform: translate(0);
}

.accordionoption_container__j5Rqq {
  border-radius: 10px;
  padding: 15px;
  border: 1px solid rgba(16, 16, 24, 0.12);
}

.accordionoption_container__j5Rqq.accordionoption_open__0XqUo {
  background-color: rgba(16, 16, 24, 0.05);
  border-color: transparent;
  padding: 15px 15px 0;
}

.accordionoption_container__j5Rqq:last-child {
  margin-bottom: 0 !important;
}

.accordionoption_trigger__95kDW {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accordionoption_button__1CgU_ {
  background: url(/icons/icon-chevron-down-dark.svg) no-repeat;
  background-size: 15px 10px;
  width: 15px;
  height: 10px;
  display: inline-block;
  transition: transform 0.25s ease;
}

.accordionoption_button__1CgU_.accordionoption_open__0XqUo {
  transform: rotate(180deg);
}

.accordionoption_children__b8LMZ {
  padding-left: 10px;
}

.mobilefilter_fadeUp-0__In82c {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .mobilefilter_fadeUp-0-mobile__T76Q_ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

.mobilefilter_fadeLeft-0__nV9bK {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .mobilefilter_fadeLeft-0-mobile__I_tzH {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.mobilefilter_fadeUp-100__UR4x0 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilter_fadeUp-100-mobile__3SVyz {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.mobilefilter_fadeLeft-100__JnJEu {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilter_fadeLeft-100-mobile__5yg5U {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.mobilefilter_fadeUp-200__gMo_Q {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilter_fadeUp-200-mobile__HAIkL {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.mobilefilter_fadeLeft-200__QEv90 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilter_fadeLeft-200-mobile__aVgFx {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.mobilefilter_fadeUp-300__kaddS {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilter_fadeUp-300-mobile__PXe2C {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.mobilefilter_fadeLeft-300__7vSd6 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilter_fadeLeft-300-mobile__vfreg {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.mobilefilter_fadeUp-400__r__N_ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilter_fadeUp-400-mobile___y_vN {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.mobilefilter_fadeLeft-400__7BBpa {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilter_fadeLeft-400-mobile__zV2is {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.mobilefilter_fadeUp-500__kZHw1 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilter_fadeUp-500-mobile__Bww7d {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.mobilefilter_fadeLeft-500__LwysI {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilter_fadeLeft-500-mobile__4OL0K {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.mobilefilter_fadeUp-outside__CyFaj {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .mobilefilter_fadeUp-outside-mobile__j4wd7 {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.mobilefilter_fadeLeft-outside__1Y9oe {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .mobilefilter_fadeLeft-outside-mobile__8NJnh {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.mobilefilter_in__NaLoK {
  opacity: 1;
  transform: translate(0);
}

.mobilefilter_trigger__H_PC7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mobilefilter_button__1p7eC {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
}

.mobilefilter_selected__Nl_Ad {
  margin-left: 5px;
}

.mobilefilter_arrow__Y_M66 {
  background: url(./images/icon-chevron-down-dark.svg) no-repeat;
  background-size: 15px 10px;
  width: 15px;
  height: 10px;
  display: inline-block;
  margin-left: auto;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}

.mobilefilter_arrow__Y_M66.mobilefilter_open__wl2o_ {
  transform: rotate(180deg);
}

.mobilefilterspanel_fadeUp-0__9KhQ1 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .mobilefilterspanel_fadeUp-0-mobile__45h2L {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

.mobilefilterspanel_fadeLeft-0__7rqFI {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .mobilefilterspanel_fadeLeft-0-mobile___ABTG {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.mobilefilterspanel_fadeUp-100__xdsaF {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilterspanel_fadeUp-100-mobile__YPTEQ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.mobilefilterspanel_fadeLeft-100__vmCuF {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilterspanel_fadeLeft-100-mobile___Q9Xm {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.mobilefilterspanel_fadeUp-200__8L8gK {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilterspanel_fadeUp-200-mobile__BCYgH {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.mobilefilterspanel_fadeLeft-200__ezhEn {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilterspanel_fadeLeft-200-mobile__fXExA {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.mobilefilterspanel_fadeUp-300__F1Ovw {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilterspanel_fadeUp-300-mobile__KFz_G {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.mobilefilterspanel_fadeLeft-300__iisPX {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilterspanel_fadeLeft-300-mobile__Y4VlY {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.mobilefilterspanel_fadeUp-400__EQRyO {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilterspanel_fadeUp-400-mobile__ZyyBs {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.mobilefilterspanel_fadeLeft-400__vMDXh {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilterspanel_fadeLeft-400-mobile__GQOMw {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.mobilefilterspanel_fadeUp-500__dCMhG {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilterspanel_fadeUp-500-mobile__ckc_D {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.mobilefilterspanel_fadeLeft-500__ueVAK {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .mobilefilterspanel_fadeLeft-500-mobile__ikwj5 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.mobilefilterspanel_fadeUp-outside__imrdZ {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .mobilefilterspanel_fadeUp-outside-mobile__lK_SE {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.mobilefilterspanel_fadeLeft-outside__fXkNY {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .mobilefilterspanel_fadeLeft-outside-mobile__ifaEA {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.mobilefilterspanel_in__swiBT {
  opacity: 1;
  transform: translate(0);
}

.mobilefilterspanel_container__sUglJ {
  background: #fae62d;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(100%);
  z-index: 10000;
  transition: transform 0.48s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.mobilefilterspanel_container__sUglJ.mobilefilterspanel_open__UiI5T {
  transform: translateX(0);
}

.mobilefilterspanel_content___ChOU {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: 100%;
}

.mobilefilterspanel_header__8lNam {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.mobilefilterspanel_back__gu0az {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
  background-image: url(./images/icon-chevron-down-dark.svg);
  background-repeat: no-repeat;
  background-position: center 12px;
  background-size: 13px 9px;
  transform: rotate(90deg);
}

.mobilefilterspanel_buttonContainer__jkuwv {
  position: fixed;
  bottom: 0;
}

.filter_fadeUp-0__Tfmt6 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .filter_fadeUp-0-mobile__ETEoI {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

.filter_fadeLeft-0__GOagE {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .filter_fadeLeft-0-mobile__FPlX6 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.filter_fadeUp-100__B7vpH {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .filter_fadeUp-100-mobile__IMhYP {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.filter_fadeLeft-100__CIRUq {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .filter_fadeLeft-100-mobile__jdY6L {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.filter_fadeUp-200__f4XAB {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .filter_fadeUp-200-mobile__wnw9r {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.filter_fadeLeft-200__Bsb1A {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .filter_fadeLeft-200-mobile__VFehr {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.filter_fadeUp-300__MD2_y {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .filter_fadeUp-300-mobile__kwYZ4 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.filter_fadeLeft-300__CeD25 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .filter_fadeLeft-300-mobile__d4gEh {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.filter_fadeUp-400__aTApB {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .filter_fadeUp-400-mobile__mMFPc {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.filter_fadeLeft-400__pe2xJ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .filter_fadeLeft-400-mobile___jxI8 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.filter_fadeUp-500___l8RG {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .filter_fadeUp-500-mobile__TtT9p {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.filter_fadeLeft-500__aiFAL {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .filter_fadeLeft-500-mobile__dsIpb {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.filter_fadeUp-outside__Yj7WK {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .filter_fadeUp-outside-mobile__2d6cr {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.filter_fadeLeft-outside__YSFXm {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .filter_fadeLeft-outside-mobile__veRFl {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.filter_in__Vp44q {
  opacity: 1;
  transform: translate(0);
}

.filter_container__jC8wS {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.filter_clear__SgXE1 {
  border-radius: 50%;
  background-color: #191414;
  background-image: url(./images/icon-cross-light.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  width: 30px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  .filter_container__jC8wS {
    border-radius: 100px;
    background: rgba(16, 16, 24, 0.05);
    color: rgba(16, 16, 24, 0.6);
    align-items: center;
    padding: 6px 15px;
  }

  .filter_clear__SgXE1 {
    border-radius: 0;
    background: url(/icons/icon-cross-gray.svg) no-repeat 50%;
    width: 12px;
    height: 12px;
  }
}

.showmobilefilters_fadeUp-0__fw_T6 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .showmobilefilters_fadeUp-0-mobile__H5qzc {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

.showmobilefilters_fadeLeft-0__2AcG6 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .showmobilefilters_fadeLeft-0-mobile__Vu9x7 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.showmobilefilters_fadeUp-100__5_lDa {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .showmobilefilters_fadeUp-100-mobile__bK1VJ {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.showmobilefilters_fadeLeft-100__w8iGB {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .showmobilefilters_fadeLeft-100-mobile__GX7hz {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.showmobilefilters_fadeUp-200__FT8RB {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .showmobilefilters_fadeUp-200-mobile__ZlE_E {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.showmobilefilters_fadeLeft-200__DRB41 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .showmobilefilters_fadeLeft-200-mobile__RZqXk {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.showmobilefilters_fadeUp-300__PXXEH {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .showmobilefilters_fadeUp-300-mobile__Xhkuf {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.showmobilefilters_fadeLeft-300__u9Ms5 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .showmobilefilters_fadeLeft-300-mobile__UHdM0 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.showmobilefilters_fadeUp-400__XI7OJ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .showmobilefilters_fadeUp-400-mobile__GfC09 {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.showmobilefilters_fadeLeft-400__al66G {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .showmobilefilters_fadeLeft-400-mobile__dHibf {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.showmobilefilters_fadeUp-500__0D1wJ {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .showmobilefilters_fadeUp-500-mobile__786wc {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.showmobilefilters_fadeLeft-500__WqwI7 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .showmobilefilters_fadeLeft-500-mobile__SiXQv {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.showmobilefilters_fadeUp-outside__H_fsw {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .showmobilefilters_fadeUp-outside-mobile__wKWVE {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.showmobilefilters_fadeLeft-outside__05_Ge {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .showmobilefilters_fadeLeft-outside-mobile__yYIMK {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.showmobilefilters_in__HLuh7 {
  opacity: 1;
  transform: translate(0);
}

.showmobilefilters_container__i8T31 {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.arrows_filled__L4ANR.arrows_light__pwMV0 {
  background-color: #fff;
  border: 1px solid #fff;
  background-image: url(/icons/icon-arrow-dark.svg);
}

.showmobilefilters_icon__4Hale {
  background: url(./images/icon-filter.svg) no-repeat 50%;
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid rgba(16, 16, 24, 0.12);
}

.mobilesearchinput_icon__JA3q8 {
  width: 13px;
  height: auto;
  flex-shrink: 0;
  margin-right: 10px;
}

.optioncheckbox_container__Ofuf8 input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  left: 0;
  top: 0;
  border-color: red;
}

.mt-xxxs {
  margin-top: 20px;
}

.optioncheckbox_checkmark__JA3xk {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #191414;
  border-radius: 5px;
}

.desktopmenu_mainMenuLogo__ifDp_ {
  min-width: 180px;
  display: flex;
  align-items: center;
}

.desktopmenu_mainMenuLogo__ifDp_ img {
  height: 32px;
}

.desktopmenu_navList__5lcpM {
  display: flex;
  align-items: center;
  gap: 32px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.desktopmenu_navList__5lcpM li {
  margin: 0;
  padding: 0;
}

.desktopmenu_navList__5lcpM a {
  text-decoration: none;
  color: #191414;
  font-size: 18px;
  font-weight: 400;
  transition: color 0.2s;
}

.desktopmenu_navList__5lcpM a:hover p,
.desktopmenu_navList__5lcpM a:focus p {
  color: #878787;
}

.desktopmenu_navList__5lcpM p {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  color: #191414;
  transition: color 0.2s;
}

.desktopmenu_mainMenuJobs__8IENe {
  min-width: 120px;
  text-align: right;
}

.desktopmenu_mainMenuJobs__8IENe a {
  color: #878787;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  transition: color 0.2s;
}

.desktopmenu_mainMenuJobs__8IENe a:hover,
.desktopmenu_mainMenuJobs__8IENe a:focus {
  color: #191414;
}

@media (max-width: 900px) {
  .desktopmenu_mainMenuContainer__v7Fpf {
    padding: 0 16px;
  }
  .desktopmenu_navList__5lcpM {
    gap: 16px;
  }
  .desktopmenu_mainMenuLogo__ifDp_ {
    min-width: 120px;
  }
  .desktopmenu_mainMenuJobs__8IENe {
    min-width: 80px;
  }
}

/* --- MAIN JOB SEARCH & JOB LIST --- */
.main {
  min-height: 70vh;
  background: #fff;
  padding-bottom: 0;
}

.layout-section {
  padding-top: 40px;
  padding-bottom: 0;
}

.block-container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.col-6,
.col-12,
.col-18,
.col-20,
.col-24 {
  padding-left: 12px;
  padding-right: 12px;
}

.col-6 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-12 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-18 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-20 {
  flex: 0 0 83.3333%;
  max-width: 83.3333%;
}
.col-24 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-offset-2 {
  margin-left: 8.3333%;
}
.col-offset-3 {
  margin-left: 12.5%;
}
.col-offset-6 {
  margin-left: 25%;
}
.col-offset-10 {
  margin-left: 41.6667%;
}

.text-center {
  text-align: center;
}
.mb-xs {
  margin-bottom: 12px;
}
.mb-m {
  margin-bottom: 32px;
}
.mt-xs {
  margin-top: 12px;
}
.mt-s {
  margin-top: 24px;
}
.mt-l {
  margin-top: 48px;
}
.mb-50 {
  margin-bottom: 50px;
}

.rounded-20 {
  border-radius: 20px;
}
.mb-xxxs {
  margin-bottom: 4px;
}
.mb-15 {
  margin-bottom: 15px;
}

.entry_container__eT9IU {
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.03);
  padding: 24px 32px;
  margin-bottom: 18px;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s;
}
.entry_container__eT9IU:hover {
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
}
.entry_header__rW6hK {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.entry_title__Q0z3u {
  font-size: 20px;
  font-weight: 600;
  color: #191414;
  text-decoration: none;
}
.entry_location__JKmCT,
.entry_locationCommitment__6yJo8 {
  color: #878787;
  font-size: 15px;
}
.entry_cols__Qmz_O {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
.tags_container__mE0BD {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 13px;
  margin-right: 8px;
}
.tags_light-orange__cGOiO {
  background: #fff8e1;
  color: #b8860b;
}
.tags_outline__Z9rSg {
  border: 1px solid #eee;
  color: #878787;
  background: #fff;
}
.tags_small__GGEQI {
  font-size: 13px;
  padding: 2px 10px;
}

.buttons_filled__uuK0X:hover {
  background: #1db954;
  color: #191414;
}

/* --- FOOTER --- */
.footer_container__5R4W_ {
  background: #000;
  color: #fff;
  padding: 0 0 40px 0;
  width: 100%;
  margin-top: 60px;
  font-family: "Inter", Arial, sans-serif;
}
.footer_stuck-bottom__XgHAa {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
}
.footer_icon__O4zRj {
  width: 48px;
  margin-bottom: 12px;
}
.footer_container__5R4W_ h2 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #fff;
}
.footer_container__5R4W_ p {
  color: #fff;
  font-size: 18px;
  margin-bottom: 0;
}
.links_outlined__KZqZ4 {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 8px 24px;
  color: #fff;
  text-decoration: none;
  margin-right: 8px;
  margin-bottom: 8px;
  font-size: 16px;
  transition: background 0.2s, color 0.2s;
}
.links_outlined__KZqZ4:hover {
  background: #fff;
  color: #191414;
}
.accordionlinks_button__YRhU4 {
  background: none;
  border: none;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  width: 100%;
  text-align: left;
  padding: 0;
  margin-bottom: 8px;
  cursor: pointer;
}
.accordionlinks_links__zzv0L {
  margin-bottom: 16px;
}
.accordionlinks_link__L7deU {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  margin-bottom: 6px;
  transition: color 0.2s;
}
.accordionlinks_link__L7deU:hover {
  color: #1db954;
}
.link-dark-bg {
  background: none;
}

.footer_link__jfCKV {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  margin-right: 18px;
  transition: color 0.2s;
}
.footer_link__jfCKV:hover {
  color: #1db954;
}
.arrows_filled__L4ANR {
  background: #fff;
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}
.arrows_light__pwMV0 {
  color: #191414;
  font-size: 20px;
}

@media (max-width: 900px) {
  .main,
  .layout-section,
  .searchview_wrapper__bZc_l,
  .block-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100vw !important;
  }
  .footer_container__5R4W_ h2 {
    font-size: 22px;
  }
  .footer_container__5R4W_ p {
    font-size: 15px;
  }
  .links_outlined__KZqZ4 {
    font-size: 14px;
    padding: 6px 14px;
  }
  .accordionlinks_button__YRhU4 {
    font-size: 15px;
  }
  .accordionlinks_link__L7deU {
    font-size: 14px;
  }
  .footer_icon__O4zRj {
    width: 36px;
  }
  .footer_externals__3yiqv {
    font-size: 12px;
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[hidden],
template {
  display: none;
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.fadeUp-0 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .fadeUp-0-mobile {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(0);
  }
}

.fadeLeft-0 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(0);
}

@media only screen and (max-width: 1024px) {
  .fadeLeft-0-mobile {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0);
  }
}

.fadeUp-100 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(20px);
}

@media only screen and (max-width: 1024px) {
  .fadeUp-100-mobile {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(20px);
  }
}

.fadeLeft-100 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(20px);
}

@media only screen and (max-width: 1024px) {
  .fadeLeft-100-mobile {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(20px);
  }
}

.fadeUp-200 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(40px);
}

@media only screen and (max-width: 1024px) {
  .fadeUp-200-mobile {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(40px);
  }
}

.fadeLeft-200 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(40px);
}

@media only screen and (max-width: 1024px) {
  .fadeLeft-200-mobile {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(40px);
  }
}

.fadeUp-300 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(70px);
}

@media only screen and (max-width: 1024px) {
  .fadeUp-300-mobile {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(70px);
  }
}

.fadeLeft-300 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(70px);
}

@media only screen and (max-width: 1024px) {
  .fadeLeft-300-mobile {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(70px);
  }
}

.fadeUp-400 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(100px);
}

@media only screen and (max-width: 1024px) {
  .fadeUp-400-mobile {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(100px);
  }
}

.fadeLeft-400 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(100px);
}

@media only screen and (max-width: 1024px) {
  .fadeLeft-400-mobile {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(100px);
  }
}

.fadeUp-500 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateY(150px);
}

@media only screen and (max-width: 1024px) {
  .fadeUp-500-mobile {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateY(150px);
  }
}

.fadeLeft-500 {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
  transition-timing-function: ease-out;
  transform: translateX(150px);
}

@media only screen and (max-width: 1024px) {
  .fadeLeft-500-mobile {
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(150px);
  }
}

.fadeUp-outside {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateY(50vh);
}

@media only screen and (max-width: 1024px) {
  .fadeUp-outside-mobile {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateY(50vh);
  }
}

.fadeLeft-outside {
  opacity: 1;
  transition: transform 0.8s;
  transform: translateX(100vw);
}

@media only screen and (max-width: 1024px) {
  .fadeLeft-outside-mobile {
    opacity: 1;
    transition: transform 0.8s;
    transform: translateX(100vw);
  }
}

.in {
  opacity: 1;
  transform: translate(0);
}

html {
  box-sizing: border-box;
}

*,
:after,
:before {
  box-sizing: inherit;
}

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

.site {
  position: relative;
}

body {
  pointer-events: none;
}

body #onetrust-consent-sdk,
body .site > *,
body apply-widget,
body > iframe {
  pointer-events: auto;
}

.main {
  display: flex;
  flex-direction: column;
}

.inline-flex {
  display: inline-flex;
}

.visually-hidden {
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 60px;
  width: 100%;
}

.container.fluid {
  margin: 0;
  padding: 0 !important;
  max-width: none;
}

.container.fluidWidth {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none;
}

.container.relative {
  position: relative;
}

.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}

.row.center {
  justify-content: center;
}

.col-1 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 4.1666666667%;
  max-width: 4.1666666667%;
}

.col-1.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-0 {
  margin-left: 0;
}

.col-2 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-1 {
  margin-left: 4.1666666667%;
}

.col-3 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 12.5%;
  max-width: 12.5%;
}

.col-3.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-2 {
  margin-left: 8.3333333333%;
}

.col-4 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-4.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-3 {
  margin-left: 12.5%;
}

.col-5 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 20.8333333333%;
  max-width: 20.8333333333%;
}

.col-5.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-4 {
  margin-left: 16.6666666667%;
}

.col-6 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 25%;
  max-width: 25%;
}

.col-6.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-5 {
  margin-left: 20.8333333333%;
}

.col-7 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 29.1666666667%;
  max-width: 29.1666666667%;
}

.col-7.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-6 {
  margin-left: 25%;
}

.col-8 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-8.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-7 {
  margin-left: 29.1666666667%;
}

.col-9 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 37.5%;
  max-width: 37.5%;
}

.col-9.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-8 {
  margin-left: 33.3333333333%;
}

.col-10 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-10.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-9 {
  margin-left: 37.5%;
}

.col-11 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 45.8333333333%;
  max-width: 45.8333333333%;
}

.col-11.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-10 {
  margin-left: 41.6666666667%;
}

.col-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 50%;
  max-width: 50%;
}

.col-12.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-11 {
  margin-left: 45.8333333333%;
}

.col-13 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 54.1666666667%;
  max-width: 54.1666666667%;
}

.col-13.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-12 {
  margin-left: 50%;
}

.col-14 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-14.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-13 {
  margin-left: 54.1666666667%;
}

.col-15 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 62.5%;
  max-width: 62.5%;
}

.col-15.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-14 {
  margin-left: 58.3333333333%;
}

.col-16 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-16.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-15 {
  margin-left: 62.5%;
}

.col-17 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 70.8333333333%;
  max-width: 70.8333333333%;
}

.col-17.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-16 {
  margin-left: 66.6666666667%;
}

.col-18 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 75%;
  max-width: 75%;
}

.col-18.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-17 {
  margin-left: 70.8333333333%;
}

.col-19 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 79.1666666667%;
  max-width: 79.1666666667%;
}

.col-19.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-18 {
  margin-left: 75%;
}

.col-20 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-20.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-19 {
  margin-left: 79.1666666667%;
}

.col-21 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 87.5%;
  max-width: 87.5%;
}

.col-21.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-20 {
  margin-left: 83.3333333333%;
}

.col-22 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-22.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-21 {
  margin-left: 87.5%;
}

.col-23 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 95.8333333333%;
  max-width: 95.8333333333%;
}

.col-23.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-22 {
  margin-left: 91.6666666667%;
}

.col-24 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  flex-basis: 100%;
  max-width: 100%;
}

.col-24.desktop-nopadding {
  padding-left: 0;
  padding-right: 0;
}

.col-offset-23 {
  margin-left: 95.8333333333%;
}

@media only screen and (max-width: 1024px) {
  .container {
    padding: 0 20px;
  }

  .container.mobile-fluid {
    padding: 0 !important;
    max-width: none;
  }

  .container.mobile-fluid .row {
    margin-left: 0;
    margin-right: 0;
  }

  .container.mobile-fluid .row > div {
    padding-left: 0;
    padding-right: 0;
  }

  .col-1-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 4.1666666667%;
    max-width: 4.1666666667%;
  }

  .col-offset-mobile-0 {
    margin-left: 0;
  }

  .col-2-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-offset-mobile-1 {
    margin-left: 4.1666666667%;
  }

  .col-3-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  .col-offset-mobile-2 {
    margin-left: 8.3333333333%;
  }

  .col-4-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-offset-mobile-3 {
    margin-left: 12.5%;
  }

  .col-5-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 20.8333333333%;
    max-width: 20.8333333333%;
  }

  .col-offset-mobile-4 {
    margin-left: 16.6666666667%;
  }

  .col-6-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-offset-mobile-5 {
    margin-left: 20.8333333333%;
  }

  .col-7-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 29.1666666667%;
    max-width: 29.1666666667%;
  }

  .col-offset-mobile-6 {
    margin-left: 25%;
  }

  .col-8-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-offset-mobile-7 {
    margin-left: 29.1666666667%;
  }

  .col-9-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }

  .col-offset-mobile-8 {
    margin-left: 33.3333333333%;
  }

  .col-10-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-offset-mobile-9 {
    margin-left: 37.5%;
  }

  .col-11-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 45.8333333333%;
    max-width: 45.8333333333%;
  }

  .col-offset-mobile-10 {
    margin-left: 41.6666666667%;
  }

  .col-12-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-offset-mobile-11 {
    margin-left: 45.8333333333%;
  }

  .col-13-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 54.1666666667%;
    max-width: 54.1666666667%;
  }

  .col-offset-mobile-12 {
    margin-left: 50%;
  }

  .col-14-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-offset-mobile-13 {
    margin-left: 54.1666666667%;
  }

  .col-15-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }

  .col-offset-mobile-14 {
    margin-left: 58.3333333333%;
  }

  .col-16-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-offset-mobile-15 {
    margin-left: 62.5%;
  }

  .col-17-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 70.8333333333%;
    max-width: 70.8333333333%;
  }

  .col-offset-mobile-16 {
    margin-left: 66.6666666667%;
  }

  .col-18-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-offset-mobile-17 {
    margin-left: 70.8333333333%;
  }

  .col-19-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 79.1666666667%;
    max-width: 79.1666666667%;
  }

  .col-offset-mobile-18 {
    margin-left: 75%;
  }

  .col-20-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-offset-mobile-19 {
    margin-left: 79.1666666667%;
  }

  .col-21-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }

  .col-offset-mobile-20 {
    margin-left: 83.3333333333%;
  }

  .col-22-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-offset-mobile-21 {
    margin-left: 87.5%;
  }

  .col-23-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 95.8333333333%;
    max-width: 95.8333333333%;
  }

  .col-offset-mobile-22 {
    margin-left: 91.6666666667%;
  }

  .col-24-mobile {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-offset-mobile-23 {
    margin-left: 95.8333333333%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .col-1-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 4.1666666667%;
    max-width: 4.1666666667%;
  }

  .col-offset-tablet-0 {
    margin-left: 0;
  }

  .col-2-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-offset-tablet-1 {
    margin-left: 4.1666666667%;
  }

  .col-3-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  .col-offset-tablet-2 {
    margin-left: 8.3333333333%;
  }

  .col-4-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-offset-tablet-3 {
    margin-left: 12.5%;
  }

  .col-5-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 20.8333333333%;
    max-width: 20.8333333333%;
  }

  .col-offset-tablet-4 {
    margin-left: 16.6666666667%;
  }

  .col-6-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-offset-tablet-5 {
    margin-left: 20.8333333333%;
  }

  .col-7-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 29.1666666667%;
    max-width: 29.1666666667%;
  }

  .col-offset-tablet-6 {
    margin-left: 25%;
  }

  .col-8-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-offset-tablet-7 {
    margin-left: 29.1666666667%;
  }

  .col-9-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }

  .col-offset-tablet-8 {
    margin-left: 33.3333333333%;
  }

  .col-10-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-offset-tablet-9 {
    margin-left: 37.5%;
  }

  .col-11-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 45.8333333333%;
    max-width: 45.8333333333%;
  }

  .col-offset-tablet-10 {
    margin-left: 41.6666666667%;
  }

  .col-12-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-offset-tablet-11 {
    margin-left: 45.8333333333%;
  }

  .col-13-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 54.1666666667%;
    max-width: 54.1666666667%;
  }

  .col-offset-tablet-12 {
    margin-left: 50%;
  }

  .col-14-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-offset-tablet-13 {
    margin-left: 54.1666666667%;
  }

  .col-15-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }

  .col-offset-tablet-14 {
    margin-left: 58.3333333333%;
  }

  .col-16-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-offset-tablet-15 {
    margin-left: 62.5%;
  }

  .col-17-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 70.8333333333%;
    max-width: 70.8333333333%;
  }

  .col-offset-tablet-16 {
    margin-left: 66.6666666667%;
  }

  .col-18-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-offset-tablet-17 {
    margin-left: 70.8333333333%;
  }

  .col-19-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 79.1666666667%;
    max-width: 79.1666666667%;
  }

  .col-offset-tablet-18 {
    margin-left: 75%;
  }

  .col-20-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-offset-tablet-19 {
    margin-left: 79.1666666667%;
  }

  .col-21-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }

  .col-offset-tablet-20 {
    margin-left: 83.3333333333%;
  }

  .col-22-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-offset-tablet-21 {
    margin-left: 87.5%;
  }

  .col-23-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 95.8333333333%;
    max-width: 95.8333333333%;
  }

  .col-offset-tablet-22 {
    margin-left: 91.6666666667%;
  }

  .col-24-tablet {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-offset-tablet-23 {
    margin-left: 95.8333333333%;
  }
}

.span-1 {
  grid-column: span 1 !important;
}

.span-2 {
  grid-column: span 2 !important;
}

.span-3 {
  grid-column: span 3 !important;
}

.span-4 {
  grid-column: span 4 !important;
}

.span-5 {
  grid-column: span 5 !important;
}

.span-6 {
  grid-column: span 6 !important;
}

.span-7 {
  grid-column: span 7 !important;
}

.span-8 {
  grid-column: span 8 !important;
}

.span-9 {
  grid-column: span 9 !important;
}

.span-10 {
  grid-column: span 10 !important;
}

.row-span-1 {
  grid-row: span 1 !important;
}

.row-span-2 {
  grid-row: span 2 !important;
}

.row-span-3 {
  grid-row: span 3 !important;
}

.row-span-4 {
  grid-row: span 4 !important;
}

.row-span-5 {
  grid-row: span 5 !important;
}

.row-span-6 {
  grid-row: span 6 !important;
}

.row-span-7 {
  grid-row: span 7 !important;
}

.row-span-8 {
  grid-row: span 8 !important;
}

.row-span-9 {
  grid-row: span 9 !important;
}

.row-span-10 {
  grid-row: span 10 !important;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, fit-content(100%)) !important;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, fit-content(100%)) !important;
}

.grid-cols-3 {
  grid-template-columns: repeat(3, fit-content(100%)) !important;
}

.grid-cols-4 {
  grid-template-columns: repeat(4, fit-content(100%)) !important;
}

.grid-cols-5 {
  grid-template-columns: repeat(5, fit-content(100%)) !important;
}

.grid-cols-6 {
  grid-template-columns: repeat(6, fit-content(100%)) !important;
}

.grid-cols-7 {
  grid-template-columns: repeat(7, fit-content(100%)) !important;
}

.grid-cols-8 {
  grid-template-columns: repeat(8, fit-content(100%)) !important;
}

.grid-cols-9 {
  grid-template-columns: repeat(9, fit-content(100%)) !important;
}

.grid-cols-10 {
  grid-template-columns: repeat(10, fit-content(100%)) !important;
}

.grid-rows-1 {
  grid-template-rows: repeat(1, fit-content(100%)) !important;
}

.grid-rows-2 {
  grid-template-rows: repeat(2, fit-content(100%)) !important;
}

.grid-rows-3 {
  grid-template-rows: repeat(3, fit-content(100%)) !important;
}

.grid-rows-4 {
  grid-template-rows: repeat(4, fit-content(100%)) !important;
}

.grid-rows-5 {
  grid-template-rows: repeat(5, fit-content(100%)) !important;
}

.grid-rows-6 {
  grid-template-rows: repeat(6, fit-content(100%)) !important;
}

.grid-rows-7 {
  grid-template-rows: repeat(7, fit-content(100%)) !important;
}

.grid-rows-8 {
  grid-template-rows: repeat(8, fit-content(100%)) !important;
}

.grid-rows-9 {
  grid-template-rows: repeat(9, fit-content(100%)) !important;
}

.grid-rows-10 {
  grid-template-rows: repeat(10, fit-content(100%)) !important;
}

.vh-100 {
  min-height: 100vh;
}

.d-flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.d-block {
  display: block;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.image-fluid {
  width: 100%;
  height: auto;
  display: block;
}

@media only screen and (min-width: 1025px) {
  @supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-desktop {
      position: -webkit-sticky;
      position: sticky;
      top: 60px;
    }

    .has-sub-menu .sticky-desktop {
      top: 130px;
    }
  }
}

.rounded-20 {
  border-radius: 20px;
}

.is-visible-desktop {
  display: block;
}

.is-hidden-desktop {
  display: none !important;
}

.v-hidden {
  visibility: hidden;
}

.v-visible {
  visibility: visible;
}

div.text-mt-0 p:first-child {
  margin-top: 0;
}

div.text-mt-0 p:last-child {
  margin-bottom: 0;
}

/* .clear-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    padding: 0;
    outline: 0;
    cursor: pointer
} */

.cursor-none {
  cursor: none !important;
}

.vertical-center {
  align-self: center;
}

.vertical-center-children {
  align-items: center;
}

.horizontal-center {
  justify-content: center;
}

.horizontal-between {
  justify-content: space-between;
}

.py-section {
  padding-top: 125px;
  padding-bottom: 125px;
}

.pt-section.py-top-section,
.pt-section:first-child,
.py-section.py-top-section,
.py-section:first-child {
  padding-top: 260px;
}

.pb-section {
  padding-bottom: 125px;
}

.pt-section {
  padding-top: 125px;
}

.ma-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.mt-auto,
.my-auto {
  margin-top: auto;
}

.my-auto {
  margin-bottom: auto;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-60 {
  margin-right: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.mb-0-last:last-child {
  margin-bottom: 0 !important;
}

.mt-xxxl {
  margin-top: 400px;
}

.mb-xxxl {
  margin-bottom: 400px;
}

.mr-xxxl {
  margin-right: 400px;
}

.ml-xxxl {
  margin-left: 400px;
}

.mt-negative-xxxl {
  margin-top: -400px;
}

.mb-negative-xxxl {
  margin-bottom: -400px;
}

.mr-negative-xxxl {
  margin-right: -400px;
}

.ml-negative-xxxl {
  margin-left: -400px;
}

.pt-xxxl {
  padding-top: 400px;
}

.pb-xxxl {
  padding-bottom: 400px;
}

.pr-xxxl {
  padding-right: 400px;
}

.pl-xxxl {
  padding-left: 400px;
}

.mt-xxl {
  margin-top: 250px;
}

.mb-xxl {
  margin-bottom: 250px;
}

.mr-xxl {
  margin-right: 250px;
}

.ml-xxl {
  margin-left: 250px;
}

.mt-negative-xxl {
  margin-top: -250px;
}

.mb-negative-xxl {
  margin-bottom: -250px;
}

.mr-negative-xxl {
  margin-right: -250px;
}

.ml-negative-xxl {
  margin-left: -250px;
}

.pt-xxl {
  padding-top: 250px;
}

.pb-xxl {
  padding-bottom: 250px;
}

.pr-xxl {
  padding-right: 250px;
}

.pl-xxl {
  padding-left: 250px;
}

.mt-xl {
  margin-top: 200px;
}

.mb-xl {
  margin-bottom: 200px;
}

.mr-xl {
  margin-right: 200px;
}

.ml-xl {
  margin-left: 200px;
}

.mt-negative-xl {
  margin-top: -200px;
}

.mb-negative-xl {
  margin-bottom: -200px;
}

.mr-negative-xl {
  margin-right: -200px;
}

.ml-negative-xl {
  margin-left: -200px;
}

.pt-xl {
  padding-top: 200px;
}

.pb-xl {
  padding-bottom: 200px;
}

.pr-xl {
  padding-right: 200px;
}

.pl-xl {
  padding-left: 200px;
}

.mt-l {
  margin-top: 150px;
}

.mb-l {
  margin-bottom: 150px;
}

.mr-l {
  margin-right: 150px;
}

.ml-l {
  margin-left: 150px;
}

.mt-negative-l {
  margin-top: -150px;
}

.mb-negative-l {
  margin-bottom: -150px;
}

.mr-negative-l {
  margin-right: -150px;
}

.ml-negative-l {
  margin-left: -150px;
}

.pt-l {
  padding-top: 150px;
}

.pb-l {
  padding-bottom: 150px;
}

.pr-l {
  padding-right: 150px;
}

.pl-l {
  padding-left: 150px;
}

.mt-ml {
  margin-top: 100px;
}

.mb-ml {
  margin-bottom: 100px;
}

.mr-ml {
  margin-right: 100px;
}

.ml-ml {
  margin-left: 100px;
}

.mt-negative-ml {
  margin-top: -100px;
}

.mb-negative-ml {
  margin-bottom: -100px;
}

.mr-negative-ml {
  margin-right: -100px;
}

.ml-negative-ml {
  margin-left: -100px;
}

.pt-ml {
  padding-top: 100px;
}

.pb-ml {
  padding-bottom: 100px;
}

.pr-ml {
  padding-right: 100px;
}

.pl-ml {
  padding-left: 100px;
}

.mt-m {
  margin-top: 70px;
}

.mb-m {
  margin-bottom: 70px;
}

.mr-m {
  margin-right: 70px;
}

.ml-m {
  margin-left: 70px;
}

.mt-negative-m {
  margin-top: -70px;
}

.mb-negative-m {
  margin-bottom: -70px;
}

.mr-negative-m {
  margin-right: -70px;
}

.ml-negative-m {
  margin-left: -70px;
}

.pt-m {
  padding-top: 70px;
}

.pb-m {
  padding-bottom: 70px;
}

.pr-m {
  padding-right: 70px;
}

.pl-m {
  padding-left: 70px;
}

.mt-s {
  margin-top: 40px;
}

.mb-s {
  margin-bottom: 40px;
}

.mr-s {
  margin-right: 40px;
}

.ml-s {
  margin-left: 40px;
}

.mt-negative-s {
  margin-top: -40px;
}

.mb-negative-s {
  margin-bottom: -40px;
}

.mr-negative-s {
  margin-right: -40px;
}

.ml-negative-s {
  margin-left: -40px;
}

.pt-s {
  padding-top: 40px;
}

.pb-s {
  padding-bottom: 40px;
}

.pr-s {
  padding-right: 40px;
}

.pl-s {
  padding-left: 40px;
}

.mt-xs {
  margin-top: 30px;
}

.mb-xs {
  margin-bottom: 30px;
}

.mr-xs {
  margin-right: 30px;
}

.ml-xs {
  margin-left: 30px;
}

.mt-negative-xs {
  margin-top: -30px;
}

.mb-negative-xs {
  margin-bottom: -30px;
}

.mr-negative-xs {
  margin-right: -30px;
}

.ml-negative-xs {
  margin-left: -30px;
}

.pt-xs {
  padding-top: 30px;
}

.pb-xs {
  padding-bottom: 30px;
}

.pr-xs {
  padding-right: 30px;
}

.pl-xs {
  padding-left: 30px;
}

.mt-xxs {
  margin-top: 25px;
}

.mb-xxs {
  margin-bottom: 25px;
}

.mr-xxs {
  margin-right: 25px;
}

.ml-xxs {
  margin-left: 25px;
}

.mt-negative-xxs {
  margin-top: -25px;
}

.mb-negative-xxs {
  margin-bottom: -25px;
}

.mr-negative-xxs {
  margin-right: -25px;
}

.ml-negative-xxs {
  margin-left: -25px;
}

.pt-xxs {
  padding-top: 25px;
}

.pb-xxs {
  padding-bottom: 25px;
}

.pr-xxs {
  padding-right: 25px;
}

.pl-xxs {
  padding-left: 25px;
}

.mt-xxxs {
  margin-top: 20px;
}

.mb-xxxs {
  margin-bottom: 20px;
}

.mr-xxxs {
  margin-right: 20px;
}

.ml-xxxs {
  margin-left: 20px;
}

.mt-negative-xxxs {
  margin-top: -20px;
}

.mb-negative-xxxs {
  margin-bottom: -20px;
}

.mr-negative-xxxs {
  margin-right: -20px;
}

.ml-negative-xxxs {
  margin-left: -20px;
}

.pt-xxxs {
  padding-top: 20px;
}

.pb-xxxs {
  padding-bottom: 20px;
}

.pr-xxxs {
  padding-right: 20px;
}

.pl-xxxs {
  padding-left: 20px;
}

@media only screen and (max-width: 1024px) {
  .py-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pt-section.py-top-section,
  .pt-section:first-child,
  .py-section.py-top-section,
  .py-section:first-child {
    padding-top: 100px;
  }

  .main.submenu .py-section.py-top-section {
    padding-top: 160px;
  }

  .pb-section {
    padding-bottom: 80px;
  }

  .pt-section {
    padding-top: 80px;
  }

  .mt-mobile-xxxl {
    margin-top: 200px !important;
  }

  .mb-mobile-xxxl {
    margin-bottom: 200px !important;
  }

  .mr-mobile-xxxl {
    margin-right: 200px !important;
  }

  .ml-mobile-xxxl {
    margin-left: 200px !important;
  }

  .mt-mobile-negative-xxxl {
    margin-top: -200px !important;
  }

  .mb-mobile-negative-xxxl {
    margin-bottom: -200px !important;
  }

  .mr-mobile-negative-xxxl {
    margin-right: -200px !important;
  }

  .ml-mobile-negative-xxxl {
    margin-left: -200px !important;
  }

  .pt-mobile-xxxl {
    padding-top: 200px !important;
  }

  .pb-mobile-xxxl {
    padding-bottom: 200px !important;
  }

  .pl-mobile-xxxl {
    padding-left: 200px !important;
  }

  .mt-mobile-xxl {
    margin-top: 150px !important;
  }

  .mb-mobile-xxl {
    margin-bottom: 150px !important;
  }

  .mr-mobile-xxl {
    margin-right: 150px !important;
  }

  .ml-mobile-xxl {
    margin-left: 150px !important;
  }

  .mt-mobile-negative-xxl {
    margin-top: -150px !important;
  }

  .mb-mobile-negative-xxl {
    margin-bottom: -150px !important;
  }

  .mr-mobile-negative-xxl {
    margin-right: -150px !important;
  }

  .ml-mobile-negative-xxl {
    margin-left: -150px !important;
  }

  .pt-mobile-xxl {
    padding-top: 150px !important;
  }

  .pb-mobile-xxl {
    padding-bottom: 150px !important;
  }

  .pl-mobile-xxl {
    padding-left: 150px !important;
  }

  .mt-mobile-xl {
    margin-top: 100px !important;
  }

  .mb-mobile-xl {
    margin-bottom: 100px !important;
  }

  .mr-mobile-xl {
    margin-right: 100px !important;
  }

  .ml-mobile-xl {
    margin-left: 100px !important;
  }

  .mt-mobile-negative-xl {
    margin-top: -100px !important;
  }

  .mb-mobile-negative-xl {
    margin-bottom: -100px !important;
  }

  .mr-mobile-negative-xl {
    margin-right: -100px !important;
  }

  .ml-mobile-negative-xl {
    margin-left: -100px !important;
  }

  .pt-mobile-xl {
    padding-top: 100px !important;
  }

  .pb-mobile-xl {
    padding-bottom: 100px !important;
  }

  .pl-mobile-xl {
    padding-left: 100px !important;
  }

  .mt-mobile-l {
    margin-top: 70px !important;
  }

  .mb-mobile-l {
    margin-bottom: 70px !important;
  }

  .mr-mobile-l {
    margin-right: 70px !important;
  }

  .ml-mobile-l {
    margin-left: 70px !important;
  }

  .mt-mobile-negative-l {
    margin-top: -70px !important;
  }

  .mb-mobile-negative-l {
    margin-bottom: -70px !important;
  }

  .mr-mobile-negative-l {
    margin-right: -70px !important;
  }

  .ml-mobile-negative-l {
    margin-left: -70px !important;
  }

  .pt-mobile-l {
    padding-top: 70px !important;
  }

  .pb-mobile-l {
    padding-bottom: 70px !important;
  }

  .pl-mobile-l {
    padding-left: 70px !important;
  }

  .mt-mobile-ml {
    margin-top: 50px !important;
  }

  .mb-mobile-ml {
    margin-bottom: 50px !important;
  }

  .mr-mobile-ml {
    margin-right: 50px !important;
  }

  .ml-mobile-ml {
    margin-left: 50px !important;
  }

  .mt-mobile-negative-ml {
    margin-top: -50px !important;
  }

  .mb-mobile-negative-ml {
    margin-bottom: -50px !important;
  }

  .mr-mobile-negative-ml {
    margin-right: -50px !important;
  }

  .ml-mobile-negative-ml {
    margin-left: -50px !important;
  }

  .pt-mobile-ml {
    padding-top: 50px !important;
  }

  .pb-mobile-ml {
    padding-bottom: 50px !important;
  }

  .pl-mobile-ml {
    padding-left: 50px !important;
  }

  .mt-mobile-m {
    margin-top: 40px !important;
  }

  .mb-mobile-m {
    margin-bottom: 40px !important;
  }

  .mr-mobile-m {
    margin-right: 40px !important;
  }

  .ml-mobile-m {
    margin-left: 40px !important;
  }

  .mt-mobile-negative-m {
    margin-top: -40px !important;
  }

  .mb-mobile-negative-m {
    margin-bottom: -40px !important;
  }

  .mr-mobile-negative-m {
    margin-right: -40px !important;
  }

  .ml-mobile-negative-m {
    margin-left: -40px !important;
  }

  .pt-mobile-m {
    padding-top: 40px !important;
  }

  .pb-mobile-m {
    padding-bottom: 40px !important;
  }

  .pl-mobile-m {
    padding-left: 40px !important;
  }

  .mt-mobile-s {
    margin-top: 30px !important;
  }

  .mb-mobile-s {
    margin-bottom: 30px !important;
  }

  .mr-mobile-s {
    margin-right: 30px !important;
  }

  .ml-mobile-s {
    margin-left: 30px !important;
  }

  .mt-mobile-negative-s {
    margin-top: -30px !important;
  }

  .mb-mobile-negative-s {
    margin-bottom: -30px !important;
  }

  .mr-mobile-negative-s {
    margin-right: -30px !important;
  }

  .ml-mobile-negative-s {
    margin-left: -30px !important;
  }

  .pt-mobile-s {
    padding-top: 30px !important;
  }

  .pb-mobile-s {
    padding-bottom: 30px !important;
  }

  .pl-mobile-s {
    padding-left: 30px !important;
  }

  .mt-mobile-xs {
    margin-top: 20px !important;
  }

  .mb-mobile-xs {
    margin-bottom: 20px !important;
  }

  .mr-mobile-xs {
    margin-right: 20px !important;
  }

  .ml-mobile-xs {
    margin-left: 20px !important;
  }

  .mt-mobile-negative-xs {
    margin-top: -20px !important;
  }

  .mb-mobile-negative-xs {
    margin-bottom: -20px !important;
  }

  .mr-mobile-negative-xs {
    margin-right: -20px !important;
  }

  .ml-mobile-negative-xs {
    margin-left: -20px !important;
  }

  .pt-mobile-xs {
    padding-top: 20px !important;
  }

  .pb-mobile-xs {
    padding-bottom: 20px !important;
  }

  .pl-mobile-xs {
    padding-left: 20px !important;
  }

  .mt-mobile-xxs {
    margin-top: 15px !important;
  }

  .mb-mobile-xxs {
    margin-bottom: 15px !important;
  }

  .mr-mobile-xxs {
    margin-right: 15px !important;
  }

  .ml-mobile-xxs {
    margin-left: 15px !important;
  }

  .mt-mobile-negative-xxs {
    margin-top: -15px !important;
  }

  .mb-mobile-negative-xxs {
    margin-bottom: -15px !important;
  }

  .mr-mobile-negative-xxs {
    margin-right: -15px !important;
  }

  .ml-mobile-negative-xxs {
    margin-left: -15px !important;
  }

  .pt-mobile-xxs {
    padding-top: 15px !important;
  }

  .pb-mobile-xxs {
    padding-bottom: 15px !important;
  }

  .pl-mobile-xxs {
    padding-left: 15px !important;
  }

  .mt-mobile-xxxs {
    margin-top: 10px !important;
  }

  .mb-mobile-xxxs {
    margin-bottom: 10px !important;
  }

  .mr-mobile-xxxs {
    margin-right: 10px !important;
  }

  .ml-mobile-xxxs {
    margin-left: 10px !important;
  }

  .mt-mobile-negative-xxxs {
    margin-top: -10px !important;
  }

  .mb-mobile-negative-xxxs {
    margin-bottom: -10px !important;
  }

  .mr-mobile-negative-xxxs {
    margin-right: -10px !important;
  }

  .ml-mobile-negative-xxxs {
    margin-left: -10px !important;
  }

  .pt-mobile-xxxs {
    padding-top: 10px !important;
  }

  .pb-mobile-xxxs {
    padding-bottom: 10px !important;
  }

  .pl-mobile-xxxs {
    padding-left: 10px !important;
  }

  .mt-mobile-0 {
    margin-top: 0;
  }

  .mb-mobile-0 {
    margin-bottom: 0;
  }

  .pt-mobile-0 {
    padding-top: 0;
  }

  .pb-mobile-0 {
    padding-bottom: 0;
  }

  .mb-mobile-0-last:last-child {
    margin-bottom: 0 !important;
  }

  .is-visible-mobile {
    display: block !important;
  }

  .is-visible-mobile-inline-block {
    display: inline-block !important;
  }

  .is-hidden-mobile {
    display: none !important;
  }

  .order-mobile-first {
    order: -1;
  }

  .rounded-15-mobile {
    border-radius: 15px;
  }
}

.underlay {
  position: absolute;
  z-index: 1000;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background-color: #fff;
  padding: 10px;
  pointer-events: auto;
}

.popover {
  border: 1px solid var(--spectrum-global-color-gray-400);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  background-color: orange;
}

.arrow {
  position: absolute;
  fill: var(--page-background);
  stroke: var(--spectrum-global-color-gray-400);
  stroke-width: 1px;
  width: 12px;
  height: 12px;
}

.arrow[data-placement="top"] {
  top: 100%;
  transform: translateX(-50%);
}

.arrow[data-placement="bottom"] {
  bottom: 100%;
  transform: translateX(-50%) rotate(180deg);
}

.arrow[data-placement="left"] {
  left: 100%;
  transform: translateY(-50%) rotate(-90deg);
}

.arrow[data-placement="right"] {
  right: 100%;
  transform: translateY(-50%) rotate(90deg);
}

@font-face {
  font-family: SpotifyMix;
  font-weight: 400;
  font-style: normal;
  src: url(/_next/static/media/SpotifyMix-Regular.409e8a95.woff2)
      format("woff2"),
    url(/_next/static/media/SpotifyMix-Regular.1c0bd7c6.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: SpotifyMix;
  font-weight: 300;
  font-style: normal;
  src: url(/_next/static/media/SpotifyMix-Light.55c6ee6a.woff2) format("woff2"),
    url(/_next/static/media/SpotifyMix-Light.3993ece9.woff) format("woff");
  font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  font-weight: 400;
}

.size-1 {
  font-size: 3.5rem;
  letter-spacing: -0.04em;
}

@media screen and (min-width: 768px) {
  .size-1 {
    font-size: calc(3.5rem + 2.5 * (100vw - 48rem) / 42);
  }
}

@media screen and (min-width: 1440px) {
  .size-1 {
    font-size: 6rem;
  }
}

.size-2 {
  font-size: 2rem;
  letter-spacing: -0.02em;
}

@media screen and (min-width: 768px) {
  .size-2 {
    font-size: calc(2rem + 2.5 * (100vw - 48rem) / 42);
  }
}

@media screen and (min-width: 1440px) {
  .size-2 {
    font-size: 4.5rem;
  }
}

.size-3 {
  font-size: 1.5rem;
  letter-spacing: -0.02em;
}

@media screen and (min-width: 768px) {
  .size-3 {
    font-size: calc(1.5rem + 2 * (100vw - 48rem) / 42);
  }
}

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

.size-4 {
  font-size: 1.375rem;
}

@media screen and (min-width: 768px) {
  .size-4 {
    font-size: calc(1.375rem + 0.875 * (100vw - 48rem) / 42);
  }
}

@media screen and (min-width: 1440px) {
  .size-4 {
    font-size: 2.25rem;
  }
}

.size-5 {
  font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
  .size-5 {
    font-size: calc(1.25rem + 0.25 * (100vw - 48rem) / 42);
  }
}

@media screen and (min-width: 1440px) {
  .size-5 {
    font-size: 1.5rem;
  }
}

.size-6 {
  font-size: 1.125rem;
}

@media screen and (min-width: 768px) {
  .size-6 {
    font-size: calc(1.125rem + 0.25 * (100vw - 48rem) / 42);
  }
}

@media screen and (min-width: 1440px) {
  .size-6 {
    font-size: 1.375rem;
  }
}

.size-7 {
  font-size: 1rem;
}

@media screen and (min-width: 768px) {
  .size-7 {
    font-size: calc(1rem + 0.125 * (100vw - 48rem) / 42);
  }
}

@media screen and (min-width: 1440px) {
  .size-7 {
    font-size: 1.125rem;
  }
}

.size-8 {
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .size-8 {
    font-size: calc(0.875rem + 0.125 * (100vw - 48rem) / 42);
  }
}

@media screen and (min-width: 1440px) {
  .size-8 {
    font-size: 1rem;
  }
}

.size-9 {
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .size-9 {
    font-size: calc(0.75rem + 0.125 * (100vw - 48rem) / 42);
  }
}

@media screen and (min-width: 1440px) {
  .size-9 {
    font-size: 0.875rem;
  }
}

.italic {
  font-style: italic;
}

.fw-normal {
  font-weight: 400;
}

.fw-light {
  font-weight: 300;
}

.line-100 {
  line-height: 100%;
}

.line-110 {
  line-height: 110%;
}

.line-120 {
  line-height: 120%;
}

.line-140 {
  line-height: 140%;
}

.line-150 {
  line-height: 150%;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.no-underline {
  text-decoration: none;
}

.link-light-bg a {
  text-decoration: none;
  color: rgba(16, 16, 24, 0.6);
  border-bottom: 1px solid transparent;
}

.link-dark-bg a,
body.bg-dark-blue .link-light-bg a {
  text-decoration: none;
  color: hsla(0, 0%, 100%, 0.6);
  border-bottom: 1px solid transparent;
}

.menu-link-active {
  color: rgba(16, 16, 24, 0.6) !important;
}

.menu-link-active.light {
  color: hsla(0, 0%, 100%, 0.6) !important;
}

@media (hover: hover) {
  .link-dark-bg a,
  .link-light-bg a {
    transition: color 0.2s ease, border-bottom 0.2s ease;
  }

  .link-light-bg a:hover {
    color: #191414;
    border-color: #191414;
  }

  .link-dark-bg a:hover,
  body.bg-dark-blue .link-light-bg a:hover {
    color: #fff;
    border-color: #fff;
  }

  .link-hover-gray-400 {
    transition: color 0.2s ease;
  }

  .link-hover-gray-400:hover {
    color: rgba(16, 16, 24, 0.6);
  }

  .link-hover-white {
    transition: color 0.2s ease;
  }

  .link-hover-white:hover {
    color: hsla(0, 0%, 100%, 0.6);
  }
}

@media only screen and (max-width: 767px) {
  .size-1-mobile {
    font-size: 3rem;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .size-1-mobile {
    font-size: calc(3rem + 3.25 * (100vw - 48rem) / 42);
  }
}

@media only screen and (max-width: 767px) and (min-width: 1440px) {
  .size-1-mobile {
    font-size: 6.25rem;
  }
}

@media only screen and (max-width: 767px) {
  .size-2-mobile {
    font-size: 2.125rem !important;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .size-2-mobile {
    font-size: calc(2.125rem + 2.875 * (100vw - 48rem) / 42) !important;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1440px) {
  .size-2-mobile {
    font-size: 5rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .size-4-mobile {
    font-size: 1.625rem;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .size-4-mobile {
    font-size: calc(1.625rem + 0.75 * (100vw - 48rem) / 42);
  }
}

@media only screen and (max-width: 767px) and (min-width: 1440px) {
  .size-4-mobile {
    font-size: 2.375rem;
  }
}

@media only screen and (max-width: 767px) {
  .size-5-mobile {
    font-size: 1.375rem;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .size-5-mobile {
    font-size: calc(1.375rem + 0.25 * (100vw - 48rem) / 42);
  }
}

@media only screen and (max-width: 767px) and (min-width: 1440px) {
  .size-5-mobile {
    font-size: 1.625rem;
  }
}

@media only screen and (max-width: 767px) {
  .size-6-mobile {
    font-size: 1.125rem;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .size-6-mobile {
    font-size: calc(1.125rem + 0.25 * (100vw - 48rem) / 42);
  }
}

@media only screen and (max-width: 767px) and (min-width: 1440px) {
  .size-6-mobile {
    font-size: 1.375rem;
  }
}

@media only screen and (max-width: 767px) {
  .input-size-mobile,
  .size-7-mobile {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .input-size-mobile,
  .size-7-mobile {
    font-size: calc(1rem + 0.125 * (100vw - 48rem) / 42);
  }
}

@media only screen and (max-width: 767px) and (min-width: 1440px) {
  .input-size-mobile,
  .size-7-mobile {
    font-size: 1.125rem;
  }
}

@media only screen and (max-width: 767px) {
  .size-8-mobile {
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .size-8-mobile {
    font-size: calc(0.875rem + 0.125 * (100vw - 48rem) / 42);
  }
}

@media only screen and (max-width: 767px) and (min-width: 1440px) {
  .size-8-mobile {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .size-9-mobile {
    font-size: 0.75rem;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .size-9-mobile {
    font-size: calc(0.75rem + 0.125 * (100vw - 48rem) / 42);
  }
}

@media only screen and (max-width: 767px) and (min-width: 1440px) {
  .size-9-mobile {
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 767px) {
  .line-150-mobile {
    line-height: 150%;
  }

  .line-120-mobile {
    line-height: 120%;
  }

  .text-center-mobile {
    text-align: center;
  }
}

.color-black {
  color: #000;
}

.color-white {
  color: #fff;
}

.color-dark-green {
  color: #056952;
}

.color-dark-blue {
  color: #3c00e4;
}

.color-light-blue {
  color: #509bf5;
}

.color-dark-aubergine {
  color: #6900ba;
}

.color-lavender {
  color: #d8a3ff;
}

.color-light-pink {
  color: #f79bd2;
}

.color-light-orange {
  color: #fae62d;
}

.color-light-green {
  color: #96f0b6;
}

.color-light-grey {
  color: #f3f3f4;
}

.color-mid-grey {
  color: #a0a0a7;
}

.color-accent {
  color: #ff4834;
}

.color-spotify {
  color: #1ed760;
}

.color-ui-black {
  color: #191414;
}

.color-gray-100 {
  color: rgba(16, 16, 24, 0.05);
}

.color-gray-200 {
  color: rgba(16, 16, 24, 0.12);
}

.color-gray-300 {
  color: rgba(16, 16, 24, 0.38);
}

.color-gray-400 {
  color: rgba(16, 16, 24, 0.6);
}

.color-white-100 {
  color: hsla(0, 0%, 100%, 0.1);
}

.color-white-200 {
  color: hsla(0, 0%, 100%, 0.2);
}

.color-white-300 {
  color: hsla(0, 0%, 100%, 0.4);
}

.color-white-400 {
  color: hsla(0, 0%, 100%, 0.6);
}

.bg-black,
body.bg-black .bg-main,
body.bg-black .main {
  background-color: #000;
}

.bg-white,
body.bg-white .bg-main,
body.bg-white .main {
  background-color: #fff;
}

.bg-dark-green,
body.bg-dark-green .bg-main,
body.bg-dark-green .main {
  background-color: #056952;
}

.bg-dark-blue,
body.bg-dark-blue .bg-main,
body.bg-dark-blue .main {
  background-color: #3c00e4;
}

.bg-light-blue,
body.bg-light-blue .bg-main,
body.bg-light-blue .main {
  background-color: #509bf5;
}

.bg-dark-aubergine,
body.bg-dark-aubergine .bg-main,
body.bg-dark-aubergine .main {
  background-color: #6900ba;
}

.bg-lavender,
body.bg-lavender .bg-main,
body.bg-lavender .main {
  background-color: #d8a3ff;
}

.bg-light-pink,
body.bg-light-pink .bg-main,
body.bg-light-pink .main {
  background-color: #f79bd2;
}

.bg-light-orange,
body.bg-light-orange .bg-main,
body.bg-light-orange .main {
  background-color: #fae62d;
}

.bg-light-green,
body.bg-light-green .bg-main,
body.bg-light-green .main {
  background-color: #96f0b6;
}

.bg-light-grey,
body.bg-light-grey .bg-main,
body.bg-light-grey .main {
  background-color: #f3f3f4;
}

.bg-mid-grey,
body.bg-mid-grey .bg-main,
body.bg-mid-grey .main {
  background-color: #a0a0a7;
}

.bg-accent,
body.bg-accent .bg-main,
body.bg-accent .main {
  background-color: #ff4834;
}

.bg-spotify,
body.bg-spotify .bg-main,
body.bg-spotify .main {
  background-color: #1ed760;
}

.bg-ui-black,
body.bg-ui-black .bg-main,
body.bg-ui-black .main {
  background-color: #191414;
}

.bg-gray-100,
body.bg-gray-100 .bg-main,
body.bg-gray-100 .main {
  background-color: rgba(16, 16, 24, 0.05);
}

.bg-gray-200,
body.bg-gray-200 .bg-main,
body.bg-gray-200 .main {
  background-color: rgba(16, 16, 24, 0.12);
}

.bg-gray-300,
body.bg-gray-300 .bg-main,
body.bg-gray-300 .main {
  background-color: rgba(16, 16, 24, 0.38);
}

.bg-gray-400,
body.bg-gray-400 .bg-main,
body.bg-gray-400 .main {
  background-color: rgba(16, 16, 24, 0.6);
}

.bg-white-100,
body.bg-white-100 .bg-main,
body.bg-white-100 .main {
  background-color: hsla(0, 0%, 100%, 0.1);
}

.bg-white-200,
body.bg-white-200 .bg-main,
body.bg-white-200 .main {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.bg-white-300,
body.bg-white-300 .bg-main,
body.bg-white-300 .main {
  background-color: hsla(0, 0%, 100%, 0.4);
}

.bg-white-400,
body.bg-white-400 .bg-main,
body.bg-white-400 .main {
  background-color: hsla(0, 0%, 100%, 0.6);
}

.bg-dark-aubergine .bg-color-active,
.bg-dark-aubergine .bg-main,
.bg-dark-blue .bg-color-active,
.bg-dark-blue .bg-main,
.bg-dark-green .bg-color-active,
.bg-dark-green .bg-main {
  color: #fff;
}

.bg-color-active {
  transition: color 0.45s;
}

.page {
  outline: 10px solid red;
}

.has-sticky-bg {
  position: relative;
}

body .main {
  background-color: #fff;
  transition: background-color 0.45s;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

body .bg-main {
  background-color: #fff;
  transition: background-color 0.45s, color 0.45s;
}

@media only screen and (max-width: 1024px) {
  body .main {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .page {
    outline: 10px solid #ff0;
  }
}

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
}

html.noScroll {
  height: 100%;
}

html.noScroll,
html.noScroll body {
  overflow-y: hidden;
}

body {
  color: #191414;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: SpotifyMix, Helvetica, Arial, sans-serif;
  font-weight: 300;
  overflow-x: hidden;
}

body.disableBgTransition {
  transition: none;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: linear;
}

/* CSS cho Spotify Popup - Thêm vào file CSS của bạn */

/* CSS cho Spotify Popup */

/* Overlay background */
.spotify-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  pointer-events: auto;
}

/* Popup container */
.spotify-popup {
  width: 400px;
  background-color: #191414;
  border-radius: 8px;
  padding: 30px;
  position: relative;
  color: white;
  text-align: center;
  max-width: 90vw;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  z-index: 10001;
  pointer-events: auto !important;
  font-family: "Circular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Close button */
.spotify-close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  z-index: 10002;
  pointer-events: auto !important;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}

.spotify-close-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Spotify logo */
.spotify-logo {
  margin-bottom: 20px;
  pointer-events: auto !important;
}

.spotify-logo img {
  height: 40px;
  width: auto;
  pointer-events: auto !important;
}

/* Title and subtitle */
.spotify-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 14px;
  pointer-events: auto !important;
}

.spotify-subtitle {
  font-size: 14px;
  color: #b3b3b3;
  margin-bottom: 25px;
  line-height: 1.5;
  pointer-events: auto !important;
}

/* Facebook login button */
.spotify-social-btn {
  width: 100%;
  padding: 12px;
  border-radius: 500px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s;
  z-index: 10002;
  pointer-events: auto !important;
}

.spotify-facebook-btn {
  background-color: #3b5998;
  color: white;
}

.spotify-facebook-btn:hover {
  background-color: #4c70ba;
}

.spotify-facebook-btn i {
  margin-right: 10px;
}

/* Divider */
.spotify-divider {
  display: flex;
  align-items: center;
  margin: 20px 0;
  pointer-events: auto !important;
}

.spotify-divider-line {
  flex-grow: 1;
  height: 1px;
  background-color: #393939;
}

.spotify-divider-text {
  padding: 0 10px;
  color: #b3b3b3;
  font-size: 14px;
}

/* Email input */
.spotify-email-input {
  width: 100%;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #393939;
  background-color: #121212;
  color: white;
  font-size: 16px;
  margin-bottom: 16px;
  z-index: 10002;
  pointer-events: auto !important;
  box-sizing: border-box;
}

.spotify-email-input::placeholder {
  color: #717171;
}

.spotify-email-input:focus {
  outline: none;
  border-color: #1db954;
}

/* Email button */
.spotify-email-btn {
  width: 100%;
  padding: 12px;
  border-radius: 500px;
  background-color: #333333;
  color: white;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  z-index: 10002;
  pointer-events: auto !important;
}

.spotify-email-btn:hover {
  background-color: #404040;
}

/* Terms text */
.spotify-terms {
  font-size: 12px;
  color: #b3b3b3;
  margin-top: 20px;
  line-height: 1.5;
  pointer-events: auto !important;
}

.spotify-terms a {
  color: #b3b3b3;
  text-decoration: underline;
  pointer-events: auto !important;
}

.spotify-terms a:hover {
  color: #1db954;
}

/* Fix for popup interaction */
#spotifyPopup {
  isolation: isolate;
}

.job-clickable {
  position: relative;
  overflow: overflow;
}

/* Disable pointer events for background when popup is open */
body.popup-open .site > *:not(#spotifyPopup) {
  pointer-events: none !important;
}

/* Media queries for mobile responsiveness */
@media (max-width: 480px) {
  .spotify-popup {
    width: 90%;
    padding: 20px;
  }

  .spotify-title {
    font-size: 20px;
  }
}