@gofynd/theme-template 3.2.14 → 3.2.16

package/dist/pages/blog/index.css

@@ -334,13 +334,6 @@ h5,
     display: none !important;
   }
 }
-.blog__nextArrowStyles___XGDmU {
-  right: 20px;
-  inset-inline-start: "unset";
-}
-.blog__prevArrowStyles___R1SbU {
-  left: 20px;
-}
 .blog__loader___xsYMP {
   position: relative;
   height: 90vh;
@@ -491,15 +484,13 @@ h5,
 .blog__sliderWrapper___VIimB {
   padding-bottom: 60px;
 }
-.blog__sliderWrapper___VIimB .slick-track {
-  display: flex !important;
-}
-.blog__sliderWrapper___VIimB .slick-slide {
-  height: inherit !important;
+.blog__sliderWrapper___VIimB .blog__carouselBtn___Nh42c[disabled] {
+  display: none;
 }
-.blog__sliderWrapper___VIimB .slick-slide > div,
-.blog__sliderWrapper___VIimB .slick-slide > div > div {
-  height: 100%;
+@media only screen and (max-width: 768px) {
+  .blog__sliderWrapper___VIimB .blog__carouselBtn___Nh42c {
+    display: none;
+  }
 }
 .blog__sliderWrapper___VIimB .blog__blogItem___JxjzJ {
   font-size: 14px;
@@ -797,6 +788,7 @@ h5,
   inset-inline-end: 8px;
   transform: translateY(-50%);
   fill: var(--buttonSecondary, #fff);
+  cursor: pointer;
 }
 .blog__blog___gdQog {
   background: var(--themeAccentL5, #fff);
@@ -2952,59 +2944,59 @@ h5,
 /**color by character**/
 /** Font family **/
 /** Font weight **/
-.slider-arrow__display-block___jznNZ {
+.carousel__display-block___utsUU {
   display: block;
 }
-.slider-arrow__inline-block___RmXca,
-.slider-arrow__inlineBlock___G6nhG {
+.carousel__inline-block___r5jIE,
+.carousel__inlineBlock___CweDs {
   display: inline-block;
 }
-.slider-arrow__flex-row___L3GoM {
+.carousel__flex-row___dT_l6 {
   display: flex;
 }
-.slider-arrow__flex-column___wVxJi,
-.slider-arrow__flexColumn___eW1Nr {
+.carousel__flex-column___bsAla,
+.carousel__flexColumn___XGHeP {
   display: flex;
   flex-direction: column;
 }
-.slider-arrow__flex-align-center___AAZmg,
-.slider-arrow__flexAlignCenter___ZIO68 {
+.carousel__flex-align-center___RXd0L,
+.carousel__flexAlignCenter___xwCsl {
   display: flex;
   align-items: center;
 }
-.slider-arrow__flex-justify-center___UymiX,
-.slider-arrow__flexJustifyCenter___z3OMQ {
+.carousel__flex-justify-center___TME7Y,
+.carousel__flexJustifyCenter___WgnF3 {
   display: flex;
   justify-content: center;
 }
-.slider-arrow__flex-center___wTU4q,
-.slider-arrow__flexCenter___DI2yR {
+.carousel__flex-center___XZwk8,
+.carousel__flexCenter___r6nnD {
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.slider-arrow__justify-start___wogJt,
-.slider-arrow__justifyStart___PonzM {
+.carousel__justify-start___zWbwC,
+.carousel__justifyStart___LixAq {
   justify-content: flex-start;
 }
-.slider-arrow__justify-end___r6iy0,
-.slider-arrow__justifyEnd___JPS7A {
+.carousel__justify-end___im5_L,
+.carousel__justifyEnd___tPVVJ {
   justify-content: flex-end;
 }
-.slider-arrow__justify-between___rTXXx,
-.slider-arrow__justifyBetween___we7na {
+.carousel__justify-between___e4Kcp,
+.carousel__justifyBetween___x2p0g {
   justify-content: space-between;
 }
-.slider-arrow__justify-around___Z0zMU,
-.slider-arrow__justifyAround___pMBxl {
+.carousel__justify-around___SPh3u,
+.carousel__justifyAround___XrmYt {
   justify-content: space-around;
 }
-.slider-arrow__justify-evenly___We8Hx,
-.slider-arrow__justifyEvenly___GBnrY {
+.carousel__justify-evenly___FN8sv,
+.carousel__justifyEvenly___T1Av0 {
   justify-content: space-evenly;
 }
 h1,
-.slider-arrow__h1___xFEXI {
+.carousel__h1___ee7pZ {
   font-weight: 700;
   font-size: 28px;
   line-height: 42px;
@@ -3013,13 +3005,13 @@ h1,
 }
 @media only screen and (min-width: 769px) {
   h1,
-  .slider-arrow__h1___xFEXI {
+  .carousel__h1___ee7pZ {
     font-size: 36px;
     line-height: 48px;
   }
 }
 h2,
-.slider-arrow__h2___uOlIV {
+.carousel__h2___ZNSIB {
   font-weight: 700;
   font-size: 28px;
   line-height: 36px;
@@ -3028,13 +3020,13 @@ h2,
 }
 @media only screen and (min-width: 769px) {
   h2,
-  .slider-arrow__h2___uOlIV {
+  .carousel__h2___ZNSIB {
     font-size: 32px;
     line-height: 42px;
   }
 }
 h3,
-.slider-arrow__h3___qjbDs {
+.carousel__h3___TRk7C {
   font-weight: 700;
   letter-spacing: -0.02em;
   color: var(--textHeading, #26201a);
@@ -3043,7 +3035,7 @@ h3,
 }
 @media only screen and (min-width: 769px) {
   h3,
-  .slider-arrow__h3___qjbDs {
+  .carousel__h3___TRk7C {
     font-weight: 700;
     letter-spacing: -0.02em;
     color: var(--textHeading, #26201a);
@@ -3052,7 +3044,7 @@ h3,
   }
 }
 h4,
-.slider-arrow__h4___EP_b7 {
+.carousel__h4___v15SC {
   font-weight: 600;
   letter-spacing: -0.02em;
   color: var(--textHeading, #26201a);
@@ -3061,7 +3053,7 @@ h4,
 }
 @media only screen and (min-width: 769px) {
   h4,
-  .slider-arrow__h4___EP_b7 {
+  .carousel__h4___v15SC {
     font-weight: 600;
     letter-spacing: -0.02em;
     color: var(--textHeading, #26201a);
@@ -3070,7 +3062,7 @@ h4,
   }
 }
 h5,
-.slider-arrow__h5___PlQq2 {
+.carousel__h5___8ITca {
   font-weight: 600;
   font-size: 14px;
   line-height: 16px;
@@ -3079,12 +3071,12 @@ h5,
 }
 @media only screen and (min-width: 769px) {
   h5,
-  .slider-arrow__h5___PlQq2 {
+  .carousel__h5___8ITca {
     font-size: 16px;
     line-height: 18px;
   }
 }
-.slider-arrow__b1___j_oVa {
+.carousel__b1___BJlKm {
   font-weight: 400;
   font-size: 14px;
   line-height: 18px;
@@ -3092,14 +3084,14 @@ h5,
   color: var(--textBody, #3c3131);
 }
 @media only screen and (min-width: 769px) {
-  .slider-arrow__b1___j_oVa {
+  .carousel__b1___BJlKm {
     font-size: 16px;
     line-height: 20px;
   }
 }
-.slider-arrow__b-small___lUnIb,
-.slider-arrow__bSmall___mdosE,
-.slider-arrow__b2___XYFbC {
+.carousel__b-small___eEZM0,
+.carousel__bSmall___z55Bs,
+.carousel__b2___OCSqn {
   font-weight: 400;
   letter-spacing: -0.02em;
   color: var(--textBody, #3c3131);
@@ -3107,9 +3099,9 @@ h5,
   line-height: 16px;
 }
 @media only screen and (min-width: 769px) {
-  .slider-arrow__b-small___lUnIb,
-  .slider-arrow__bSmall___mdosE,
-  .slider-arrow__b2___XYFbC {
+  .carousel__b-small___eEZM0,
+  .carousel__bSmall___z55Bs,
+  .carousel__b2___OCSqn {
     font-weight: 400;
     letter-spacing: -0.02em;
     color: var(--textBody, #3c3131);
@@ -3117,47 +3109,47 @@ h5,
     line-height: 18px;
   }
 }
-.slider-arrow__d1___VqQLC {
+.carousel__d1___HGZ3m {
   font-size: 36px;
   font-weight: 700;
   line-height: 48px;
   letter-spacing: -0.02em;
 }
 @media only screen and (min-width: 769px) {
-  .slider-arrow__d1___VqQLC {
+  .carousel__d1___HGZ3m {
     font-size: 64px;
     line-height: 85px;
     letter-spacing: -0.03em;
   }
 }
-.slider-arrow__caption-medium___um9Qh,
-.slider-arrow__captionMedium___bygCS {
+.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) {
-  .slider-arrow__caption-medium___um9Qh,
-  .slider-arrow__captionMedium___bygCS {
+  .carousel__caption-medium___geBOh,
+  .carousel__captionMedium___fKLRf {
     font-size: 11px;
   }
 }
-.slider-arrow__caption-semi-bold___yPxjK,
-.slider-arrow__captionSemiBold___UJqnn {
+.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) {
-  .slider-arrow__caption-semi-bold___yPxjK,
-  .slider-arrow__captionSemiBold___UJqnn {
+  .carousel__caption-semi-bold___mn18z,
+  .carousel__captionSemiBold___USgYk {
     font-size: 11px;
   }
 }
-.slider-arrow__btn-link___s9ZZ8,
-.slider-arrow__btnLink___FL71f {
+.carousel__btn-link___glyDY,
+.carousel__btnLink___eQWdx {
   font-weight: 500;
   letter-spacing: -0.02em;
   font-size: 12px;
@@ -3170,72 +3162,72 @@ h5,
   border: none;
 }
 @media only screen and (min-width: 769px) {
-  .slider-arrow__btn-link___s9ZZ8,
-  .slider-arrow__btnLink___FL71f {
+  .carousel__btn-link___glyDY,
+  .carousel__btnLink___eQWdx {
     font-weight: 500;
     letter-spacing: -0.02em;
     font-size: 14px;
     line-height: 16px;
   }
 }
-.slider-arrow__btn-link___s9ZZ8:hover,
-.slider-arrow__btnLink___FL71f:hover {
+.carousel__btn-link___glyDY:hover,
+.carousel__btnLink___eQWdx:hover {
   color: var(--buttonLinkL1, #c1847c);
 }
-.slider-arrow__btn-link___s9ZZ8:disabled,
-.slider-arrow__btnLink___FL71f:disabled {
+.carousel__btn-link___glyDY:disabled,
+.carousel__btnLink___eQWdx:disabled {
   color: var(--buttonLinkL2, #d0a39d);
 }
-.slider-arrow__btn-link___s9ZZ8:active,
-.slider-arrow__btnLink___FL71f:active {
+.carousel__btn-link___glyDY:active,
+.carousel__btnLink___eQWdx:active {
   opacity: 0.8;
 }
-.slider-arrow__user-select-none___iHsq3,
-.slider-arrow__userSelectNone___T8Nrn {
+.carousel__user-select-none___e3b8_,
+.carousel__userSelectNone___UTFsk {
   user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
 }
-.slider-arrow__margin-0-auto___f_hVB,
-.slider-arrow__margin0auto___xlST0 {
+.carousel__margin-0-auto___V6g65,
+.carousel__margin0auto___ySsps {
   margin: 0 auto;
 }
-.slider-arrow__base-page-container___Mmkkk,
-.slider-arrow__basePageContainer___RlEHO {
+.carousel__base-page-container___E6gwT,
+.carousel__basePageContainer___AGzmu {
   max-width: 1440px !important;
 }
-.slider-arrow__remove-scroll___GA03b,
-.slider-arrow__removeScroll___iblWR {
+.carousel__remove-scroll___Pt0wR,
+.carousel__removeScroll___H2sDy {
   overflow-y: hidden !important;
 }
-.slider-arrow__mr-5___cSZem,
-.slider-arrow__mr5___GKo0b {
+.carousel__mr-5___zrCxV,
+.carousel__mr5___xkDz3 {
   margin-inline-end: 30px !important;
 }
-.slider-arrow__mr-2___BK8l0,
-.slider-arrow__mr2_____CEE {
+.carousel__mr-2___GMegU,
+.carousel__mr2___LW6Mf {
   margin-inline-end: 5px !important;
 }
-.slider-arrow__py-5___JUcYc,
-.slider-arrow__py5___MpAFg {
+.carousel__py-5___X5LkA,
+.carousel__py5___H8tFM {
   padding-top: 1.875rem !important;
   padding-bottom: 1.875rem !important;
 }
-.slider-arrow__view-all-text___HjsBa,
-.slider-arrow__viewAllText___Dpy4N {
+.carousel__view-all-text___xIJti,
+.carousel__viewAllText___UKfLU {
   font-size: 20px;
   font-weight: 400;
   text-transform: lowercase;
   text-decoration: underline;
 }
-.slider-arrow__view-all-mobile___miTh8,
-.slider-arrow__viewAllMobile___AaJgj {
+.carousel__view-all-mobile___KN5tC,
+.carousel__viewAllMobile___UqtjR {
   display: none;
 }
 @media only screen and (max-width: 768px) {
-  .slider-arrow__view-all-mobile___miTh8,
-  .slider-arrow__viewAllMobile___AaJgj {
+  .carousel__view-all-mobile___KN5tC,
+  .carousel__viewAllMobile___UqtjR {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -3243,86 +3235,124 @@ h5,
   }
 }
 @media only screen and (max-width: 480px) {
-  .slider-arrow__view-all-mobile___miTh8,
-  .slider-arrow__viewAllMobile___AaJgj {
+  .carousel__view-all-mobile___KN5tC,
+  .carousel__viewAllMobile___UqtjR {
     margin-top: 24px;
   }
 }
-.slider-arrow__accent-btn___q7o7t,
-.slider-arrow__accentBtn___pT7e0 {
+.carousel__accent-btn___ljV96,
+.carousel__accentBtn___eeYUW {
   background-color: var(--accentColor);
   color: #fff;
 }
-.slider-arrow__no-scroll___mrDXM,
-.slider-arrow__noScroll___OnSy9 {
+.carousel__no-scroll___Yl9Wg,
+.carousel__noScroll___V3m9I {
   overflow-y: hidden;
 }
-.slider-arrow__hide-overflow___cZ0Sb,
-.slider-arrow__hideOverflow___hMuvA {
+.carousel__hide-overflow___RSirN,
+.carousel__hideOverflow___O7cOa {
   overflow: hidden;
 }
-.slider-arrow__markdown-body___wzQ5j h6 {
+.carousel__markdown-body___mCpXK h6 {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
 }
 @media only screen and (max-width: 480px) {
-  .slider-arrow__markdown-body___wzQ5j {
+  .carousel__markdown-body___mCpXK {
     font-size: 12px !important;
     padding: 5px !important;
   }
 }
-.slider-arrow__view3d-canvas___qTRv4 {
+.carousel__view3d-canvas___iHO9u {
   width: 100%;
   height: 100%;
 }
 @media only screen and (max-width: 480px) {
-  .slider-arrow__view-mobile-up___vp0xA {
+  .carousel__view-mobile-up___Okb4u {
     display: none !important;
   }
 }
 @media only screen and (min-width: 481px) {
-  .slider-arrow__view-mobile___fZ8Pv {
+  .carousel__view-mobile___l_iEN {
     display: none !important;
   }
 }
-/* Shared arrow style */
-.slider-arrow__slickArrow___hlIs6 {
-  width: 48px;
-  height: 48px;
+.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%;
-  border: 1px solid var(--dividerStokes, #d4d1d1);
-  background: transparent;
+  font-size: 48px;
+  transition: background-color 0.3s ease-in-out;
   display: flex;
   align-items: center;
   justify-content: center;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  z-index: 2;
-  cursor: pointer;
-}
-.slider-arrow__slickArrow___hlIs6 svg {
-  display: block;
+  border: 1px solid var(--dividerStokes, #d4d1d1);
 }
-.slider-arrow__slickArrow___hlIs6:hover {
+.carousel__carouselBtn___Z49nh:hover {
   box-shadow: 0 6px 20px 0 var(--dividerStokes, #c0bebe);
   background: var(--themeAccentL4, #f8f8f8);
 }
-.slider-arrow__slickArrow___hlIs6::before {
-  content: none !important;
+.carousel__carouselBtnIcon___uNRV7 {
+  width: 0.8em;
+  height: 0.8em;
+  font-size: inherit;
 }
-.slider-arrow__slick-prev___x4XmO.slider-arrow__slickArrow___hlIs6 {
-  left: 20px !important;
-  inset-inline-start: unset;
+.carousel__carouselPrevBtnHorizontal___eAomj {
+  left: 20px;
+  top: 50%;
+  transform: translateY(-50%);
 }
-.slider-arrow__slick-next___Hxsu5.slider-arrow__slickArrow___hlIs6 {
-  right: 20px !important;
-  inset-inline-start: unset;
+.carousel__carouselPrevBtnVertical___a0PqM {
+  top: -36px;
+  left: 50%;
+  transform: translateX(-50%) rotate(90deg);
 }
-/* Hide on mobile if required */
-@media (max-width: 768px) {
-  .slider-arrow__slickArrow___hlIs6 {
-    display: none !important;
-  }
+.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;
 }