/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./lululemon/cartridges/app_lululemon_base/cartridge/client/default/scss/accordionComponent.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap is overriding breakpoint lg to 1409px,
    which is causing no-margin issue in tablet landspace mode.
    Hence the custom logic. */
.lazyload {
  visibility: hidden;
}

.lazyloaded {
  visibility: visible;
}

.page-designer-reference .px-2 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.col-12 .px-2 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.accordion_pageDesigner {
  border-bottom: 1px solid #e6e6e6;
  background: #fff;
}
.accordion_pageDesigner:first-child {
  margin-top: 0;
}
.accordion_pageDesigner .acc__card {
  position: relative;
  cursor: pointer;
}
.accordion_pageDesigner .acc__title {
  color: #000;
  cursor: pointer;
  display: block;
  position: relative;
  text-align: left;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 28px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 32px;
  border: none;
  background: none;
  font-size: 24px;
  font-size: 1.5rem;
}
.accordion_pageDesigner .acc__title:lang(ko), .accordion_pageDesigner .acc__title:lang(ja), .accordion_pageDesigner .acc__title:lang(zh) {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
}
.accordion_pageDesigner .acc__title button {
  background: none;
  border: none;
  text-align: left;
  letter-spacing: 0;
  padding: 0;
  font-size: 16px;
}
.accordion_pageDesigner .acc__title button:focus {
  outline: -webkit-focus-ring-color auto 1px !important;
}
@media (max-width: 1023.98px) {
  .accordion_pageDesigner .acc__title {
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    padding: 16px;
    width: 100%;
  }
  .accordion_pageDesigner .acc__title:lang(ko), .accordion_pageDesigner .acc__title:lang(ja), .accordion_pageDesigner .acc__title:lang(zh) {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
  }
  .accordion_pageDesigner .acc__title:lang(zh) {
    line-height: 21px;
  }
}
.accordion_pageDesigner .acc__title span.icons {
  float: right;
  margin-right: 16px;
  padding-right: 32px;
  padding-left: 32px;
  margin-top: 10px;
}
@media (max-width: 1023.98px) {
  .accordion_pageDesigner .acc__title span.icons {
    margin-right: 0;
    padding-right: 16px;
    padding-left: 16px;
    margin-top: 4px;
  }
}
.accordion_pageDesigner .acc__title .icon-toggle:first-child {
  transform: rotate(90deg);
}
.accordion_pageDesigner .acc__title .icon-toggle {
  position: absolute;
  transition: transform 0.4s ease-in-out;
  width: 16px;
  height: 16px;
}
@media (max-width: 1023.98px) {
  .accordion_pageDesigner .acc__title .icon-toggle {
    margin-right: 16px;
    width: 16px;
    height: 16px;
  }
}
.accordion_pageDesigner .acc__title.active .icon-toggle:first-child {
  transform: rotate(0deg);
}
.accordion_pageDesigner .title {
  cursor: pointer;
  width: 82%;
  margin-bottom: 0 !important;
}
.accordion_pageDesigner .acc__panel {
  color: #323232;
  display: none;
  margin: 0;
  padding-top: 18px;
  padding-left: 32px;
  padding-right: 32px;
  text-align: left;
  letter-spacing: 0;
  line-height: 24px;
  animation: fadeIn linear 1s;
  -webkit-animation: fadeIn linear 1s;
  -moz-animation: fadeIn linear 1s;
  -o-animation: fadeIn linear 1s;
  -ms-animation: fadeIn linear 1s;
  font-size: 19px;
  font-size: 1.1875rem;
}
.accordion_pageDesigner .acc__panel:lang(ko), .accordion_pageDesigner .acc__panel:lang(ja), .accordion_pageDesigner .acc__panel:lang(zh) {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
}
.accordion_pageDesigner .acc__panel:lang(zh) {
  line-height: 23px;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 1023.98px) {
  .accordion_pageDesigner .acc__panel {
    font-size: 17px;
    font-size: 1.0625rem;
    letter-spacing: 0;
    line-height: 20px;
    padding: 16px;
  }
  .accordion_pageDesigner .acc__panel:lang(ko), .accordion_pageDesigner .acc__panel:lang(ja), .accordion_pageDesigner .acc__panel:lang(zh) {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
  }
  .accordion_pageDesigner .acc__panel:lang(zh) {
    line-height: 21px;
  }
}
@media (max-width: 1023.98px) {
  .accordion_pageDesigner .acc__panel .richtext {
    padding-left: 0;
    padding-right: 0;
  }
}

/*# sourceMappingURL=accordionComponent.css.map*/