faq-component .faq{display:grid;grid-template-columns:1fr}faq-component .faq-title{padding:2rem;text-align:center;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center}faq-component .faq.use-product-color .faq-title{background-color:var(--product-color)}faq-component .faq-title h3{margin-bottom:.8rem}faq-component .faq-title>*{max-width:24rem;margin:0 auto}faq-component .faq-list__item{padding:2.4rem;background:#fff;text-align:center;position:relative;cursor:pointer;transition:background var(--duration-long) ease}faq-component .faq.use-product-color .faq-list__item{background:var(--product-color)}faq-component .faq.use-product-color .faq-list__item:after{content:"";background-color:#fff;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.8;transition:opacity var(--duration-long) ease}faq-component .faq-list__item:not(:first-of-type):before{content:"";width:100%;height:1px;position:absolute;display:block;background-color:var(--color-grey);top:0;left:0;right:0}faq-component .faq.use-product-color .faq-list__item:not(:first-of-type):before{content:"";width:100%;height:1px;position:absolute;display:block;background-color:var(--color-black);top:0;left:0;right:0;opacity:.8}faq-component .faq-item__question{position:relative;z-index:1;font-family:Maison Neue Book;font-size:1.2rem;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.024rem;text-transform:uppercase}faq-component .faq-item__question:after{content:"+";display:inline;margin-left:1rem}faq-component .faq-list__item.active .faq-item__question:after{content:"-"}faq-component .faq-item__answer>*{margin:0}faq-component .faq-item__answer p{padding-top:2.4rem}faq-component .faq-item__answer{opacity:0;pointer-events:none;max-height:0;overflow:hidden;transition:opacity var(--duration-long) ease,max-height var(--duration-long) ease;position:relative;z-index:1}faq-component .faq:not(.use-product-color) .faq-list__item.active{background:linear-gradient(90deg,#f2f2f266 .16%,#fbfbfb66 100.16%)}faq-component .faq.use-product-color .faq-list__item.active:after{opacity:.5}@media screen and (min-width:750px){faq-component .faq.use-product-color .faq-list__item:hover:after{opacity:.5}}faq-component .faq-list__item.active .faq-item__answer{max-height:100vh;opacity:1;pointer-events:auto}@media screen and (max-width:749px){faq-component .faq:not(.use-product-color) .faq-title{border-bottom:1px solid var(--color-grey)}}@media screen and (min-width:750px){faq-component .faq{display:flex;flex-direction:row;min-height:72rem}faq-component .faq-title{aspect-ratio:unset;width:50%;border-right:1px solid var(--color-grey)}faq-component .faq-title.sticky{position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height))}faq-component .faq-title>*{max-width:30rem}faq-component .faq-title h3{margin-bottom:2rem;font-size:2.8rem}faq-component .faq-title p{font-size:3rem}faq-component .faq-list{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:50%;flex-flow:column}faq-component .faq-list__item{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-top:5.6rem;padding-bottom:5.6rem}faq-component .faq-list__item>*{max-width:468px;margin:0 auto}faq-component .faq-item__answer p{padding-top:2rem}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/section-faq.css.map */