/*-------------------------------------------------------------------------------*/
.nutrilumiere-daily-rituals {
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
  --LEFT-COLOR: #7676b9;
  --RIGHT-COLOR: #fca169;
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",
    Helvetica, Arial, sans-serif;
}
.nutrilumiere-daily-rituals__swiper {
  display: none;
}
.nutrilumiere-daily-rituals__scroller {
  display: flex;
  width: 100%;
}
.nutrilumiere-daily-rituals * {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nutrilumiere-daily-rituals__routine {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-repeat: repeat-x;
  background-position: top center;
  height: 655px;
}
.nutrilumiere-daily-rituals__background {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.nutrilumiere-daily-rituals__wrapper {
  flex: 1;
  position: relative;
  max-width: 512px;
  z-index: 3;
}

.nutrilumiere-daily-rituals__title {
  text-transform: uppercase;
  font-size: 20px;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 22px;
}

.nutrilumiere-daily-rituals__link {
  text-align: center;
  padding: 30px;
  position: relative;
  z-index: 2;
}

.nutrilumiere-daily-rituals__link a {
  text-decoration: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  font-size: 11px;
}

/*-------------------------------------------------------------------------------*/
/**-- [ skin care ] --**/
.nutrilumiere-daily-rituals__routine[data-block="skin-care"] {
  background-image: url(../img/routine-skincare-background.png);
  background-color: #a79dc7;
}

.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__title {
  color: var(--LEFT-COLOR);
}

/*-------------------------------------------------------------------------------*/
/**-- [ make-up ] --**/
.nutrilumiere-daily-rituals__routine[data-block="make-up"] {
  background-image: url(../img/routine-makeup-background.png);
  background-color: #fac4a5;
}

.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__title {
  color: var(--RIGHT-COLOR);
}

/*-------------------------------------------------------------------------------*/
.nutrilumiere-daily-rituals__item {
  position: absolute;
  font-size: 0;
  z-index: 1;
  user-select: none;
}
.nutrilumiere-daily-rituals__item img {
  user-select: none;
  display: inline-block;
}
.nutrilumiere-daily-rituals__item[data-open="1"] {
  z-index: 2;
}
.nutrilumiere-daily-rituals__packshots {
  filter: drop-shadow(7px 7px 4px rgba(21, 20, 79, 0.2));
  transition: all ease-in-out 0.2s;
  cursor: pointer;
  white-space: nowrap;
}
.nutrilumiere-daily-rituals__packshots span {
  position: absolute;
  top: 3px;
  left: -5px;
  width: 70px;
  text-align: center;
  font-size: 14px;
  color: var(--LEFT-COLOR);
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
}

.nutrilumiere-daily-rituals__item[data-num="3"]
  .nutrilumiere-daily-rituals__packshots
  span {
  left: 10px;
}

.nutrilumiere-daily-rituals__item .nutrilumiere-digit {
  content: " ";
  position: absolute;
  background-position: top right;
  top: 0;
  left: 0;
  width: 53px;
  height: 61px;
  display: block;
  background-repeat: no-repeat;
  pointer-events: none;
}
.nutrilumiere-daily-rituals__popin {
  position: absolute;
  display: block;
  width: 170px;
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",
    Helvetica, Arial, sans-serif;
  max-height: 0px;
  overflow: hidden;
  transition: unset;
}

.nutrilumiere-daily-rituals__item[data-open="1"]
  .nutrilumiere-daily-rituals__popin {
  max-height: 230px;
  transition: max-height ease-in-out 0.5s;
}
button.nutrilumiere-daily-rituals__btn::before,
button.nutrilumiere-daily-rituals__btn::after {
  display: none !important;
}
button.nutrilumiere-daily-rituals__btn {
  outline: 0 !important;
}

.nutrilumiere-daily-rituals__item:hover .nutrilumiere-daily-rituals__btn,
.nutrilumiere-daily-rituals button:hover,
.nutrilumiere-daily-rituals button:not(.not-tabbable):focus,
.nutrilumiere-daily-rituals button:not(.not-tabbable):active,
button.nutrilumiere-daily-rituals__btn:not(.not-tabbable):focus,
button.nutrilumiere-daily-rituals__btn:not(.not-tabbable):active {
  outline: 0 !important;
  background-color: #fff !important;
  border: 0px solid rgba(0, 0, 0, 0) !important;
  color: #b40024 !important;
}
.nutrilumiere-daily-rituals__btn {
  position: absolute;
  letter-spacing: 0 !important;
  left: calc(50% - 15px);
  width: 30px;
  height: 30px;
  border-radius: 15px !important;
  border: 0px solid;
  outline: 0;
  font-size: 30px !important;
  line-height: 30px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333333;
  background-color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  transition: all ease-in-out 0.5s;
  margin-left: 70px;
  padding: 0;
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",
    Helvetica, Arial, sans-serif;
  min-width: 0 !important;
  user-select: none;
}
.nutrilumiere-daily-rituals__item[data-open="1"]
  .nutrilumiere-daily-rituals__btn {
  transform: rotate(45deg);
  background-color: #fff;
}
.nutrilumiere-daily-rituals__infos {
  background-color: #fff;
  padding: 15px;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}

.nutrilumiere-daily-rituals__infos a:hover {
  color: #b40024;
  border-bottom: 1px solid #b40024;
}

.nutrilumiere-daily-rituals__infos a {
  font-size: 11px;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  background-color: transparent;
  display: inline-block;
  border: 0px solid;
  outline: 0;
  color: #333;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  cursor: pointer;
  padding: 0;
  margin-top: 10px;
}
.nutrilumiere-daily-rituals__infos strong {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.nutrilumiere-daily-rituals__item[data-num="1"] .nutrilumiere-digit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M12.846,60.658 L17.183,60.658 L17.183,0.726 L13.782,0.726 L0.177,5.741 L1.367,9.227 L12.846,5.316 L12.846,60.658 Z'/%3E%3C/svg%3E");
}

.nutrilumiere-daily-rituals__item[data-num="2"] .nutrilumiere-digit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='42px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M0.684,60.658 L41.329,60.658 L41.329,56.408 L7.657,56.408 L25.853,39.916 C36.312,30.394 40.734,24.954 40.734,16.793 L40.734,16.623 C40.734,7.356 33.166,0.301 23.47,0.301 C12.588,0.301 7.61,5.146 1.874,13.52 L5.191,15.262 C10.122,8.122 15.54,4.211 22.622,4.211 C29.765,4.211 36.57,9.227 36.57,16.963 C36.57,23.253 32.656,28.354 22.877,37.280 L0.684,57.343 L0.684,60.658 Z'/%3E%3C/svg%3E");
}

.nutrilumiere-daily-rituals__item[data-num="3"] .nutrilumiere-digit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='42px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M22.47,60.678 C32.336,60.678 41.435,53.707 41.435,43.336 L41.435,43.166 C41.435,32.285 31.656,27.14 20.347,26.334 L40.499,3.296 L40.499,0.151 L3.255,0.151 L3.255,4.316 L34.462,4.316 L13.969,27.949 L15.75,30.414 L18.306,30.414 C29.20,30.414 36.843,35.5 36.843,43.336 L36.843,43.506 C36.843,51.327 30.125,56.683 22.132,56.683 C14.309,56.683 8.357,53.197 3.595,47.162 L0.194,49.967 C5.41,56.258 12.354,60.678 22.47,60.678 Z'/%3E%3C/svg%3E");
}

.nutrilumiere-daily-rituals__item[data-num="4"] .nutrilumiere-digit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='49px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M34.442,60.658 L38.693,60.658 L38.693,46.121 L48.387,46.121 L48.387,42.296 L38.693,42.296 L38.693,0.726 L34.697,0.726 L0.684,42.806 L2.214,46.121 L34.442,46.121 L34.442,60.658 ZM6.41,42.296 L34.442,7.101 L34.442,42.296 L6.41,42.296 Z'/%3E%3C/svg%3E");
}

.nutrilumiere-daily-rituals__item[data-num="5"] .nutrilumiere-digit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='43px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M21.282,60.678 C33.272,60.678 42.30,52.772 42.30,41.551 L42.30,41.381 C42.30,30.755 33.102,23.444 21.622,23.444 C16.95,23.444 12.269,24.804 8.442,26.674 L9.888,4.401 L39.394,4.401 L39.394,0.151 L5.976,0.151 L4.276,28.969 L7.677,31.180 C11.418,29.139 15.585,27.439 21.112,27.439 C30.721,27.439 37.438,33.305 37.438,41.551 L37.438,41.721 C37.438,50.52 30.891,56.683 21.452,56.683 C15.160,56.683 8.952,53.282 3.595,47.927 L0.449,51.72 C5.636,56.343 13.204,60.678 21.282,60.678 Z'/%3E%3C/svg%3E");
}

/*--------------------------------------------------------------------------*/
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="1"] {
  top: 0;
  left: calc(50% - 166px);
}

.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="1"]
  .nutrilumiere-digit {
  left: -63px;
  top: calc(50% - 30px);
}

.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="1"]
  img {
  width: 77px;
}
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="1"]
  img {
  top: 0;
  left: calc(50% - 156px);
}
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="1"]
  .nutrilumiere-daily-rituals__popin {
  top: 152px;
  left: calc(50% - 50px);
}
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="1"]
  .nutrilumiere-daily-rituals__btn {
  top: 112px;
  left: calc(50% - 50px);
}
/*--------------------------------------------------------------------------*/
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="2"] {
  top: 30px;
  left: calc(50% + 30px);
}

.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="2"]
  .nutrilumiere-digit {
  top: 110px;
  left: calc(50% + 76px);
}

.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="2"]
  img[data-product="ds-eyes"] {
  width: 80px;
  margin-top: 20px;
  margin-right: -20px;
  z-index: 2;
  position: relative;
}

.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="2"]
  img[data-product="total-eye-lift"] {
  width: 73px;
  margin-bottom: 20px;
}
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="2"]
  .nutrilumiere-daily-rituals__popin {
  top: 162px;
  left: calc(50% - 75px);
}
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="2"]
  .nutrilumiere-daily-rituals__btn {
  top: 122px;
  left: calc(50% - 75px);
}
/*--------------------------------------------------------------------------*/
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="3"] {
  top: 287px;
  left: calc(50% - 189px);
}

.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  .nutrilumiere-digit {
  top: 110px;
  left: calc(50% + 62px);
}

.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  img[data-product="serum-multi-intensif"] {
  width: 59px;
  margin-bottom: 25px;
  vertical-align: top;
}

.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  img[data-product="double-serum"] {
  width: 73px;
  margin-top: 25px;
}
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  .nutrilumiere-daily-rituals__popin {
  top: 92px;
  left: calc(50% - 80px);
}
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  .nutrilumiere-daily-rituals__btn {
  top: 52px;
  left: calc(50% - 80px);
}
/*--------------------------------------------------------------------------*/
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="4"] {
  top: 297px;
  left: calc(50% + 30px);
}

.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="4"]
  .nutrilumiere-digit {
  top: -20px;
  left: calc(50% + 35px);
}

.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="4"]
  img {
  width: 118px;
  z-index: 2;
  position: relative;
}

.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="4"]
  img[data-product="nutri-lumiere-nuit"] {
  margin-top: -22px;
  margin-left: 44px;
  z-index: 1;
  position: relative;
  display: block;
}
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="4"]
  .nutrilumiere-daily-rituals__popin {
  top: 112px;
  left: calc(50% - 90px);
}
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="4"]
  .nutrilumiere-daily-rituals__btn {
  top: 72px;
  left: calc(50% - 90px);
}
/*--------------------------------------------------------------------------*/
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="1"] {
  top: 111px;
  right: calc(50% + 118px);
}

.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="1"]
  .nutrilumiere-digit {
  left: -63px;
  top: calc(50% - 30px);
}

.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="1"]
  img {
  width: 77px;
}
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="1"]
  .nutrilumiere-daily-rituals__popin {
  top: 122px;
  left: calc(50% - 50px);
}
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="1"]
  .nutrilumiere-daily-rituals__btn {
  top: 82px;
  left: calc(50% - 50px);
}
/*--------------------------------------------------------------------------*/
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="2"] {
  top: 54px;
  left: calc(50% - 55px);
}

.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="2"]
  .nutrilumiere-digit {
  left: -50px;
  top: -30px;
}

.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="2"]
  img {
  width: 132px;
}
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="2"]
  .nutrilumiere-daily-rituals__popin {
  top: 48px;
  left: calc(50% - 30px);
}
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="2"]
  .nutrilumiere-daily-rituals__btn {
  top: 8px;
  left: calc(50% - 30px);
}
/*--------------------------------------------------------------------------*/
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="3"] {
  top: 225px;
  left: calc(50% - 55px);
}

.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  .nutrilumiere-digit {
  left: -23px;
  top: 82px;
}

.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  img {
  width: 108px;
}
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  .nutrilumiere-daily-rituals__popin {
  top: 35px;
  left: calc(50% - 85px);
}
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  .nutrilumiere-daily-rituals__btn {
  top: -15px;
  left: calc(50% - 85px);
}
/*--------------------------------------------------------------------------*/
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="4"] {
  top: 180px;
  left: calc(50% + 124px);
}

.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="4"]
  .nutrilumiere-digit {
  right: -35px;
  top: -60px;
  left: auto;
}

.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="4"]
  img {
  width: 68px;
}
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="4"]
  .nutrilumiere-daily-rituals__popin {
  top: 145px;
  left: calc(50% - 120px);
}
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="4"]
  .nutrilumiere-daily-rituals__btn {
  top: 105px;
  left: calc(50% - 120px);
}
/*--------------------------------------------------------------------------*/
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="5"] {
  top: 398px;
  left: calc(50% - 104px);
}

.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="5"]
  .nutrilumiere-digit {
  right: -55px;
  top: 20px;
  left: auto;
}

.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="5"]
  img {
  width: 138px;
}
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="5"]
  .nutrilumiere-daily-rituals__popin {
  top: 35px;
  left: calc(50% - 45px);
}
.nutrilumiere-daily-rituals__routine[data-block="make-up"]
  .nutrilumiere-daily-rituals__item[data-num="5"]
  .nutrilumiere-daily-rituals__btn {
  top: -15px;
  left: calc(50% - 45px);
}
/*---------responsive-----------------*/
@media (max-width: 1023px) {
  .nutrilumiere-daily-rituals {
    overflow: hidden;
    width: 100%;
  }
  .nutrilumiere-daily-rituals__container {
    overflow-x: scroll;
    overflow: hidden;
    width: 100vw;
  }
  .nutrilumiere-daily-rituals__container::-webkit-scrollbar {
    display: none;
  }
  .nutrilumiere-daily-rituals__swipe-btn {
    position: absolute;
    content: " ";
    width: 60px;
    height: 30px;
    border-radius: 15px;
    top: 34px;
    left: calc(50% - 30px);
    background-color: #fff;
    z-index: 1;
    font-size: 0;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }
  .nutrilumiere-daily-rituals__swipe-btn::-webkit-scrollbar {
    display: none;
  }
  .nutrilumiere-daily-rituals__swipe-btn > div {
    display: inline-block;
    scroll-snap-align: start;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0;
    box-sizing: border-box;
  }
  .nutrilumiere-daily-rituals__swipe-cursor {
    background-color: #ccc;
    border: 3px solid #fff;
  }

  .nutrilumiere-daily-rituals[data-routine="skin-care"]
    .nutrilumiere-daily-rituals__swipe-cursor {
    background-color: var(--LEFT-COLOR);
  }
  .nutrilumiere-daily-rituals[data-routine="make-up"]
    .nutrilumiere-daily-rituals__swipe-cursor {
    background-color: var(--RIGHT-COLOR);
  }

  .nutrilumiere-daily-rituals__swiper {
    position: absolute;
    width: 100vw;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    padding-top: 30px;
    align-items: center;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 20px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
      "GothamMedium", Helvetica, Arial, sans-serif;
    z-index: 2;
  }
  .nutrilumiere-daily-rituals__swipe-text {
    padding: 0;
    flex-basis: 50%;
    color: #787474;
  }
  .nutrilumiere-daily-rituals__swipe-text[data-block="skin-care"] {
    text-align: right;
    padding-right: 45px;
  }
  .nutrilumiere-daily-rituals__swipe-text[data-block="make-up"] {
    text-align: left;
    padding-left: 45px;
  }
  .nutrilumiere-daily-rituals[data-routine="skin-care"]
    .nutrilumiere-daily-rituals__swipe-text[data-block="skin-care"] {
    color: var(--LEFT-COLOR);
  }
  .nutrilumiere-daily-rituals[data-routine="make-up"]
    .nutrilumiere-daily-rituals__swipe-text[data-block="make-up"] {
    color: var(--RIGHT-COLOR);
  }
  .nutrilumiere-daily-rituals__scroller {
    width: 200vw;
  }
  .nutrilumiere-daily-rituals__routine {
    width: 100vw;
    max-width: 100vw;
    padding-top: 90px;
    overflow: hidden;
  }
  .nutrilumiere-daily-rituals__title {
    display: none;
  }
}

@media (max-width: 761px) {
  .nutrilumiere-daily-rituals__routine[data-block="skin-care"]
    .nutrilumiere-daily-rituals__item[data-num="1"] {
    top: 0;
    left: calc(50% - 146px);
  }
  .nutrilumiere-daily-rituals__routine[data-block="skin-care"]
    .nutrilumiere-daily-rituals__item[data-num="2"] {
    top: 10px;
    left: calc(50% - 30px);
  }
  .nutrilumiere-daily-rituals__routine[data-block="skin-care"]
    .nutrilumiere-daily-rituals__item[data-num="3"] {
    top: 287px;
    left: calc(50% - 169px);
  }
  .nutrilumiere-daily-rituals__routine[data-block="skin-care"]
    .nutrilumiere-daily-rituals__item[data-num="3"]
    .nutrilumiere-digit {
    top: 130px;
    left: calc(50% + 62px);
  }
  .nutrilumiere-daily-rituals__routine[data-block="skin-care"]
    .nutrilumiere-daily-rituals__item[data-num="4"] {
    top: 277px;
    left: calc(50% - 10px);
  }

  .nutrilumiere-daily-rituals__routine[data-block="make-up"]
    .nutrilumiere-daily-rituals__item[data-num="1"] {
    top: 111px;
    right: calc(50% + 68px);
  }
  .nutrilumiere-daily-rituals__routine[data-block="make-up"]
    .nutrilumiere-daily-rituals__item[data-num="2"] {
    top: 30px;
    left: calc(50% - 55px);
  }
  .nutrilumiere-daily-rituals__routine[data-block="make-up"]
    .nutrilumiere-daily-rituals__item[data-num="3"] {
    top: 195px;
    left: calc(50% - 47px);
  }
  .nutrilumiere-daily-rituals__routine[data-block="make-up"]
    .nutrilumiere-daily-rituals__item[data-num="3"]
    .nutrilumiere-digit {
    left: -13px;
    top: 84px;
  }
  .nutrilumiere-daily-rituals__routine[data-block="make-up"]
    .nutrilumiere-daily-rituals__item[data-num="4"] {
    top: 180px;
    left: calc(50% + 84px);
  }
  .nutrilumiere-daily-rituals__routine[data-block="make-up"]
    .nutrilumiere-daily-rituals__item[data-num="4"]
    .nutrilumiere-digit {
    right: -25px;
    top: -60px;
    left: auto;
  }
  .nutrilumiere-daily-rituals__routine[data-block="make-up"]
    .nutrilumiere-daily-rituals__item[data-num="5"] {
    top: 378px;
    left: calc(50% - 84px);
  }
}


/*======================================*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2){
  .nutrilumiere-daily-rituals,
  .nutrilumiere-daily-rituals__swiper,
  .nutrilumiere-daily-rituals__container,
  .nutrilumiere-daily-rituals__routine{
    width: 500px;
  }
  .nutrilumiere-daily-rituals__scroller{
    width: 1000px;
  }
  .dp-nutrilumiere__sticky__text br{
    display: none;
  }

}

@media (max-width: 480px) {
  .nutrilumiere-daily-rituals__routine{
    flex-basis: unset;
  }
}



/*DTW Edits*/
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  .nutrilumiere-daily-rituals__btn {
    top: 35px;
}
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  .nutrilumiere-daily-rituals__popin {
    top: 72px;
}
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="4"]
  .nutrilumiere-daily-rituals__btn {
    top: 42px;
    left: calc(50% - 50px);
}
.nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="4"]
  .nutrilumiere-daily-rituals__popin {
    top: 79px;
}


/*DTW Responsive Edits*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
  .nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  .nutrilumiere-daily-rituals__popin {
    top: 52px;
  }
  .nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  .nutrilumiere-daily-rituals__btn {
    top: 17px;
  }
  .nutrilumiere-daily-rituals__swipe-text[data-block="skin-care"] {
    padding-right: 50px;
    padding-left: 80px;
  }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { }

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
  .nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  .nutrilumiere-daily-rituals__btn {
    top: 15px;
  }
  .nutrilumiere-daily-rituals__routine[data-block="skin-care"]
  .nutrilumiere-daily-rituals__item[data-num="3"]
  .nutrilumiere-daily-rituals__popin {
    top: 51px;
  }
}