@gofynd/theme-template 3.2.14 → 3.2.16

package/dist/page-layouts/plp/Components/mobile-slider/mobile-slider.css

@@ -1080,3 +1080,418 @@ h5,
   transform: translate(50%, -50%);
 }
 
+/**color by character**/
+/** Font family **/
+/** Font weight **/
+.carousel__display-block___utsUU {
+  display: block;
+}
+.carousel__inline-block___r5jIE,
+.carousel__inlineBlock___CweDs {
+  display: inline-block;
+}
+.carousel__flex-row___dT_l6 {
+  display: flex;
+}
+.carousel__flex-column___bsAla,
+.carousel__flexColumn___XGHeP {
+  display: flex;
+  flex-direction: column;
+}
+.carousel__flex-align-center___RXd0L,
+.carousel__flexAlignCenter___xwCsl {
+  display: flex;
+  align-items: center;
+}
+.carousel__flex-justify-center___TME7Y,
+.carousel__flexJustifyCenter___WgnF3 {
+  display: flex;
+  justify-content: center;
+}
+.carousel__flex-center___XZwk8,
+.carousel__flexCenter___r6nnD {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.carousel__justify-start___zWbwC,
+.carousel__justifyStart___LixAq {
+  justify-content: flex-start;
+}
+.carousel__justify-end___im5_L,
+.carousel__justifyEnd___tPVVJ {
+  justify-content: flex-end;
+}
+.carousel__justify-between___e4Kcp,
+.carousel__justifyBetween___x2p0g {
+  justify-content: space-between;
+}
+.carousel__justify-around___SPh3u,
+.carousel__justifyAround___XrmYt {
+  justify-content: space-around;
+}
+.carousel__justify-evenly___FN8sv,
+.carousel__justifyEvenly___T1Av0 {
+  justify-content: space-evenly;
+}
+h1,
+.carousel__h1___ee7pZ {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 42px;
+  letter-spacing: -0.03em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h1,
+  .carousel__h1___ee7pZ {
+    font-size: 36px;
+    line-height: 48px;
+  }
+}
+h2,
+.carousel__h2___ZNSIB {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 36px;
+  letter-spacing: -0.03em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h2,
+  .carousel__h2___ZNSIB {
+    font-size: 32px;
+    line-height: 42px;
+  }
+}
+h3,
+.carousel__h3___TRk7C {
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+  font-size: 24px;
+  line-height: 32px;
+}
+@media only screen and (min-width: 769px) {
+  h3,
+  .carousel__h3___TRk7C {
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+h4,
+.carousel__h4___v15SC {
+  font-weight: 600;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+  font-size: 16px;
+  line-height: 1.5;
+}
+@media only screen and (min-width: 769px) {
+  h4,
+  .carousel__h4___v15SC {
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 20px;
+    line-height: 1.5;
+  }
+}
+h5,
+.carousel__h5___8ITca {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: -0.02em;
+  color: var(--textHeading, #26201a);
+}
+@media only screen and (min-width: 769px) {
+  h5,
+  .carousel__h5___8ITca {
+    font-size: 16px;
+    line-height: 18px;
+  }
+}
+.carousel__b1___BJlKm {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+}
+@media only screen and (min-width: 769px) {
+  .carousel__b1___BJlKm {
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+.carousel__b-small___eEZM0,
+.carousel__bSmall___z55Bs,
+.carousel__b2___OCSqn {
+  font-weight: 400;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+  font-size: 12px;
+  line-height: 16px;
+}
+@media only screen and (min-width: 769px) {
+  .carousel__b-small___eEZM0,
+  .carousel__bSmall___z55Bs,
+  .carousel__b2___OCSqn {
+    font-weight: 400;
+    letter-spacing: -0.02em;
+    color: var(--textBody, #3c3131);
+    font-size: 14px;
+    line-height: 18px;
+  }
+}
+.carousel__d1___HGZ3m {
+  font-size: 36px;
+  font-weight: 700;
+  line-height: 48px;
+  letter-spacing: -0.02em;
+}
+@media only screen and (min-width: 769px) {
+  .carousel__d1___HGZ3m {
+    font-size: 64px;
+    line-height: 85px;
+    letter-spacing: -0.03em;
+  }
+}
+.carousel__caption-medium___geBOh,
+.carousel__captionMedium___fKLRf {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 500;
+}
+@media only screen and (max-width: 480px) {
+  .carousel__caption-medium___geBOh,
+  .carousel__captionMedium___fKLRf {
+    font-size: 11px;
+  }
+}
+.carousel__caption-semi-bold___mn18z,
+.carousel__captionSemiBold___USgYk {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 600;
+}
+@media only screen and (max-width: 480px) {
+  .carousel__caption-semi-bold___mn18z,
+  .carousel__captionSemiBold___USgYk {
+    font-size: 11px;
+  }
+}
+.carousel__btn-link___glyDY,
+.carousel__btnLink___eQWdx {
+  font-weight: 500;
+  letter-spacing: -0.02em;
+  font-size: 12px;
+  line-height: 14px;
+  border-radius: var(--buttonRadius, 0px);
+  cursor: pointer;
+  color: var(--buttonLink, #b1655b);
+  text-decoration: underline;
+  background: none;
+  border: none;
+}
+@media only screen and (min-width: 769px) {
+  .carousel__btn-link___glyDY,
+  .carousel__btnLink___eQWdx {
+    font-weight: 500;
+    letter-spacing: -0.02em;
+    font-size: 14px;
+    line-height: 16px;
+  }
+}
+.carousel__btn-link___glyDY:hover,
+.carousel__btnLink___eQWdx:hover {
+  color: var(--buttonLinkL1, #c1847c);
+}
+.carousel__btn-link___glyDY:disabled,
+.carousel__btnLink___eQWdx:disabled {
+  color: var(--buttonLinkL2, #d0a39d);
+}
+.carousel__btn-link___glyDY:active,
+.carousel__btnLink___eQWdx:active {
+  opacity: 0.8;
+}
+.carousel__user-select-none___e3b8_,
+.carousel__userSelectNone___UTFsk {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+.carousel__margin-0-auto___V6g65,
+.carousel__margin0auto___ySsps {
+  margin: 0 auto;
+}
+.carousel__base-page-container___E6gwT,
+.carousel__basePageContainer___AGzmu {
+  max-width: 1440px !important;
+}
+.carousel__remove-scroll___Pt0wR,
+.carousel__removeScroll___H2sDy {
+  overflow-y: hidden !important;
+}
+.carousel__mr-5___zrCxV,
+.carousel__mr5___xkDz3 {
+  margin-inline-end: 30px !important;
+}
+.carousel__mr-2___GMegU,
+.carousel__mr2___LW6Mf {
+  margin-inline-end: 5px !important;
+}
+.carousel__py-5___X5LkA,
+.carousel__py5___H8tFM {
+  padding-top: 1.875rem !important;
+  padding-bottom: 1.875rem !important;
+}
+.carousel__view-all-text___xIJti,
+.carousel__viewAllText___UKfLU {
+  font-size: 20px;
+  font-weight: 400;
+  text-transform: lowercase;
+  text-decoration: underline;
+}
+.carousel__view-all-mobile___KN5tC,
+.carousel__viewAllMobile___UqtjR {
+  display: none;
+}
+@media only screen and (max-width: 768px) {
+  .carousel__view-all-mobile___KN5tC,
+  .carousel__viewAllMobile___UqtjR {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 40px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .carousel__view-all-mobile___KN5tC,
+  .carousel__viewAllMobile___UqtjR {
+    margin-top: 24px;
+  }
+}
+.carousel__accent-btn___ljV96,
+.carousel__accentBtn___eeYUW {
+  background-color: var(--accentColor);
+  color: #fff;
+}
+.carousel__no-scroll___Yl9Wg,
+.carousel__noScroll___V3m9I {
+  overflow-y: hidden;
+}
+.carousel__hide-overflow___RSirN,
+.carousel__hideOverflow___O7cOa {
+  overflow: hidden;
+}
+.carousel__markdown-body___mCpXK h6 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+@media only screen and (max-width: 480px) {
+  .carousel__markdown-body___mCpXK {
+    font-size: 12px !important;
+    padding: 5px !important;
+  }
+}
+.carousel__view3d-canvas___iHO9u {
+  width: 100%;
+  height: 100%;
+}
+@media only screen and (max-width: 480px) {
+  .carousel__view-mobile-up___Okb4u {
+    display: none !important;
+  }
+}
+@media only screen and (min-width: 481px) {
+  .carousel__view-mobile___l_iEN {
+    display: none !important;
+  }
+}
+.carousel__carousel___zSABm {
+  position: relative;
+}
+.carousel__carouselContent___QZKSp {
+  overflow: hidden;
+}
+.carousel__carouselTrack___aUjv6 {
+  display: flex;
+}
+carouselTrackHorizontal {
+  margin-left: -1rem;
+}
+carouselTrackVertical {
+  flex-direction: column;
+  margin-top: -1rem;
+}
+.carousel__carouselItem___zlVkY {
+  min-width: 0;
+  flex: 0 0 100%;
+}
+carouselItemHorizontal {
+  padding-left: 1rem;
+}
+carouselItemVertical {
+  padding-top: 1rem;
+}
+.carousel__carouselBtn___Z49nh {
+  position: absolute;
+  width: 1em;
+  height: 1em;
+  border-radius: 50%;
+  font-size: 48px;
+  transition: background-color 0.3s ease-in-out;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--dividerStokes, #d4d1d1);
+}
+.carousel__carouselBtn___Z49nh:hover {
+  box-shadow: 0 6px 20px 0 var(--dividerStokes, #c0bebe);
+  background: var(--themeAccentL4, #f8f8f8);
+}
+.carousel__carouselBtnIcon___uNRV7 {
+  width: 0.8em;
+  height: 0.8em;
+  font-size: inherit;
+}
+.carousel__carouselPrevBtnHorizontal___eAomj {
+  left: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.carousel__carouselPrevBtnVertical___a0PqM {
+  top: -36px;
+  left: 50%;
+  transform: translateX(-50%) rotate(90deg);
+}
+.carousel__carouselNextBtnHorizontal___AGucw {
+  right: 20px;
+  top: 50%;
+  transform: translateY(-50%) rotate(180deg);
+}
+.carousel__carouselNextBtnVertical___zrvAb {
+  bottom: -36px;
+  left: 50%;
+  transform: translateX(-50%) rotate(-90deg);
+}
+.carousel__srOnly___Q1z_4 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+