@gofynd/theme-template 3.0.0 → 3.1.0

package/dist/components/accordion/accordion.css

@@ -0,0 +1,422 @@
+/**color by character**/
+/** Font family **/
+/** Font weight **/
+.accordion__display-block___ez991 {
+  display: block;
+}
+.accordion__inline-block___IWD9j,
+.accordion__inlineBlock___Z77ki {
+  display: inline-block;
+}
+.accordion__flex-row___qjvmf {
+  display: flex;
+}
+.accordion__flex-column___w7eqD,
+.accordion__flexColumn___iA7Jr {
+  display: flex;
+  flex-direction: column;
+}
+.accordion__flex-align-center___RWcrb,
+.accordion__flexAlignCenter___ssUpf {
+  display: flex;
+  align-items: center;
+}
+.accordion__flex-justify-center___supHn,
+.accordion__flexJustifyCenter___LZPgR {
+  display: flex;
+  justify-content: center;
+}
+.accordion__flex-center___exmM2,
+.accordion__flexCenter___XcBkv {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.accordion__justify-start___jwQkr,
+.accordion__justifyStart___CxNu1 {
+  justify-content: flex-start;
+}
+.accordion__justify-end___WGsIo,
+.accordion__justifyEnd___YFsER {
+  justify-content: flex-end;
+}
+.accordion__justify-between___QuaK4,
+.accordion__justifyBetween___yPE0N {
+  justify-content: space-between;
+}
+.accordion__justify-around___oPaJA,
+.accordion__justifyAround___cOPmP {
+  justify-content: space-around;
+}
+.accordion__justify-evenly___nchdg,
+.accordion__justifyEvenly___vL2Oo {
+  justify-content: space-evenly;
+}
+h1,
+.accordion__h1___mBaXX {
+  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,
+  .accordion__h1___mBaXX {
+    font-size: 36px;
+    line-height: 48px;
+  }
+}
+h2,
+.accordion__h2___gf6ZO {
+  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,
+  .accordion__h2___gf6ZO {
+    font-size: 32px;
+    line-height: 42px;
+  }
+}
+h3,
+.accordion__h3___qv7LL {
+  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,
+  .accordion__h3___qv7LL {
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+h4,
+.accordion__h4___jkv8q {
+  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,
+  .accordion__h4___jkv8q {
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    color: var(--textHeading, #26201a);
+    font-size: 20px;
+    line-height: 1.5;
+  }
+}
+h5,
+.accordion__h5___vUtSA {
+  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,
+  .accordion__h5___vUtSA {
+    font-size: 16px;
+    line-height: 18px;
+  }
+}
+.accordion__b1___CNx1V {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+}
+@media only screen and (min-width: 769px) {
+  .accordion__b1___CNx1V {
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+.accordion__b-small___KbjDN,
+.accordion__bSmall___FvCrd,
+.accordion__b2___BG73K {
+  font-weight: 400;
+  letter-spacing: -0.02em;
+  color: var(--textBody, #3c3131);
+  font-size: 12px;
+  line-height: 16px;
+}
+@media only screen and (min-width: 769px) {
+  .accordion__b-small___KbjDN,
+  .accordion__bSmall___FvCrd,
+  .accordion__b2___BG73K {
+    font-weight: 400;
+    letter-spacing: -0.02em;
+    color: var(--textBody, #3c3131);
+    font-size: 14px;
+    line-height: 18px;
+  }
+}
+.accordion__d1___nCXKx {
+  font-size: 36px;
+  font-weight: 700;
+  line-height: 48px;
+  letter-spacing: -0.02em;
+}
+@media only screen and (min-width: 769px) {
+  .accordion__d1___nCXKx {
+    font-size: 64px;
+    line-height: 85px;
+    letter-spacing: -0.03em;
+  }
+}
+.accordion__caption-medium___duiWg,
+.accordion__captionMedium___EDDk6 {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 500;
+}
+@media only screen and (max-width: 480px) {
+  .accordion__caption-medium___duiWg,
+  .accordion__captionMedium___EDDk6 {
+    font-size: 11px;
+  }
+}
+.accordion__caption-semi-bold___NF_BR,
+.accordion__captionSemiBold___m0IYi {
+  font-size: 12px;
+  line-height: 1.5;
+  letter-spacing: -0.02em;
+  font-weight: 600;
+}
+@media only screen and (max-width: 480px) {
+  .accordion__caption-semi-bold___NF_BR,
+  .accordion__captionSemiBold___m0IYi {
+    font-size: 11px;
+  }
+}
+.accordion__btn-link___XdOB3,
+.accordion__btnLink____atFJ {
+  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) {
+  .accordion__btn-link___XdOB3,
+  .accordion__btnLink____atFJ {
+    font-weight: 500;
+    letter-spacing: -0.02em;
+    font-size: 14px;
+    line-height: 16px;
+  }
+}
+.accordion__btn-link___XdOB3:hover,
+.accordion__btnLink____atFJ:hover {
+  color: var(--buttonLinkL1, #c1847c);
+}
+.accordion__btn-link___XdOB3:disabled,
+.accordion__btnLink____atFJ:disabled {
+  color: var(--buttonLinkL2, #d0a39d);
+}
+.accordion__btn-link___XdOB3:active,
+.accordion__btnLink____atFJ:active {
+  opacity: 0.8;
+}
+.accordion__user-select-none___mffq8,
+.accordion__userSelectNone___pPOl2 {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+.accordion__margin-0-auto___v5WxY,
+.accordion__margin0auto___g_2zy {
+  margin: 0 auto;
+}
+.accordion__base-page-container___trQpR,
+.accordion__basePageContainer___xtG0o {
+  max-width: 1440px !important;
+}
+.accordion__remove-scroll___rAl60,
+.accordion__removeScroll___kZzYA {
+  overflow-y: hidden !important;
+}
+.accordion__mr-5___UGrsd,
+.accordion__mr5___hUl4C {
+  margin-inline-end: 30px !important;
+}
+.accordion__mr-2___QNqan,
+.accordion__mr2___XuUYr {
+  margin-inline-end: 5px !important;
+}
+.accordion__py-5___Uy6uq,
+.accordion__py5___YVpFF {
+  padding-top: 1.875rem !important;
+  padding-bottom: 1.875rem !important;
+}
+.accordion__view-all-text___nFE_k,
+.accordion__viewAllText___kKkoL {
+  font-size: 20px;
+  font-weight: 400;
+  text-transform: lowercase;
+  text-decoration: underline;
+}
+.accordion__view-all-mobile___JPGIm,
+.accordion__viewAllMobile___OSwQW {
+  display: none;
+}
+@media only screen and (max-width: 768px) {
+  .accordion__view-all-mobile___JPGIm,
+  .accordion__viewAllMobile___OSwQW {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 40px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .accordion__view-all-mobile___JPGIm,
+  .accordion__viewAllMobile___OSwQW {
+    margin-top: 24px;
+  }
+}
+.accordion__accent-btn___H8bQ7,
+.accordion__accentBtn___Sa0_b {
+  background-color: var(--accentColor);
+  color: #fff;
+}
+.accordion__no-scroll___d1e7M,
+.accordion__noScroll___qtO_J {
+  overflow-y: hidden;
+}
+.accordion__hide-overflow___rud6F,
+.accordion__hideOverflow___m7ecA {
+  overflow: hidden;
+}
+.accordion__markdown-body___fr6X9 h6 {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+@media only screen and (max-width: 480px) {
+  .accordion__markdown-body___fr6X9 {
+    font-size: 12px !important;
+    padding: 5px !important;
+  }
+}
+.accordion__view3d-canvas___J_Qi8 {
+  width: 100%;
+  height: 100%;
+}
+@media only screen and (max-width: 480px) {
+  .accordion__view-mobile-up___SLiVR {
+    display: none !important;
+  }
+}
+@media only screen and (min-width: 481px) {
+  .accordion__view-mobile___ioxym {
+    display: none !important;
+  }
+}
+.accordion__accordionList___EtImk > ul {
+  list-style: none;
+}
+.accordion__accordionList___EtImk > ul > li {
+  list-style: none;
+}
+.accordion__accordionItem___X6mJZ {
+  border-top: 1px solid #e0e0e0;
+  padding-top: 16px;
+  cursor: pointer;
+}
+.accordion__accordionItem___X6mJZ .accordion__accordionRow___BbEFH {
+  display: flex;
+  justify-content: center;
+  gap: 40px;
+}
+.accordion__accordionItem___X6mJZ .accordion__accordionRow___BbEFH svg {
+  overflow: visible;
+}
+.accordion__accordionItem___X6mJZ .accordion__accordionRow___BbEFH .accordion__accordionBox___NcNK_ {
+  width: 100%;
+}
+.accordion__accordionItem___X6mJZ .accordion__accordionRow___BbEFH .accordion__accordionBox___NcNK_ .accordion__accordionTitle___fkczk {
+  color: var(--Text-Heading, #1f1f1f);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 140%;
+  width: 100%;
+}
+.accordion__accordionItem___X6mJZ .accordion__accordionRow___BbEFH .accordion__accordionBox___NcNK_ .accordion__accordionContent___vRpqI {
+  display: block;
+  color: var(--textSecondary, #9c9c9c);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 140%;
+  margin-top: 8px;
+  cursor: default;
+}
+.accordion__accordionItem___X6mJZ .accordion__accordionRow___BbEFH .accordion__accordionBox___NcNK_ .accordion__accordionContent___vRpqI ul {
+  list-style: disc;
+  padding-left: 20px;
+}
+.accordion__accordionItem___X6mJZ .accordion__accordionRow___BbEFH .accordion__accordionBox___NcNK_ .accordion__accordionContent___vRpqI li {
+  margin-bottom: 4px;
+}
+.accordion__accordionContentImg___lbTPr {
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  border: 1px solid var(--Text-Secondary, #6d6d6e);
+}
+.accordion__accordionContentKey___qrAGm {
+  color: var(--Text-Secondary, #6d6d6e);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 140%;
+}
+.accordion__accordionContentValue___FESOa {
+  color: var(--Text-Heading, #1f1f1f);
+  font-family: Inter;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 140%;
+}
+.accordion__accordionContentList___NvPLn li::marker {
+  color: var(--Text-Secondary, #6d6d6e);
+  font-size: 14px;
+}
+.accordion__accordionContentList___NvPLn {
+  list-style: disc;
+  padding-left: 20px;
+  margin: 0;
+}
+.accordion__accordionContentInner___Wt_I8 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.accordion__filterArrowUp___x6SCD {
+  transform: rotate(180deg);
+}
+