.main-faqs{--blue: #000000F2;--light-grey: #00000059;--grey: #a3a3a3;--white-8: #ffffff;--white-18: rgba(0, 0, 0, .08);display:flex;gap:24px;align-items:flex-start}.main-faqs>aside{width:24%;flex-shrink:0;color:var(--light-grey);display:flex;flex-direction:column;gap:24px;min-width:260px}.main-faqs>aside .common-btn{min-width:auto}.main-faqs>aside ul{display:flex;flex-direction:column;gap:24px}.main-faqs .common-faq,.main-faqs>aside ul,.main-faqs>aside>div{padding:48px;background-color:var(--white-8);border-radius:8px}.main-faqs>aside>div a{margin-top:24px;width:100%}.main-faqs>aside ul li{transition:all .3s;cursor:pointer;padding:8px 16px}.main-faqs>aside ul li.active{color:var(--blue);font-weight:500;background:#0000000d;border-radius:25px;padding:8px 16px}.main-faqs>main .swiper-wrapper{height:auto!important}.main-faqs>main.swiper:not(.swiper-initialized) .swiper-slide:first-child,.main-faqs>main .swiper-wrapper .swiper-slide.swiper-slide-active{position:relative;height:auto;opacity:1!important}.main-faqs>main.swiper.swiper-initialized .swiper-wrapper .swiper-slide:not(.swiper-slide-active){position:absolute;height:0;opacity:0!important}.main-faqs>main{display:flex;width:100%;flex:1;flex-direction:column;background-color:var(--white-8)}.common-faq{display:none;--faq-slide-duration: .4s;--faq-slide-easing: cubic-bezier(.25, .46, .45, .94)}.common-faq h2{margin-bottom:12px}.common-faq>ul>li{padding:24px 0;border-bottom:1px solid var(--white-18)}.common-faq>ul>li>header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:24px}.common-faq>ul>li>header h3{margin:0;font-size:inherit;line-height:inherit;font-weight:inherit}.common-faq>ul>li>header svg{transition:transform var(--faq-slide-duration) var(--faq-slide-easing)}.common-faq>ul>li>header.active svg{transform:rotate(180deg)}.common-faq>ul>li>main{display:grid;grid-template-rows:0fr;padding-top:0;color:var(--grey);overflow:hidden;transition:grid-template-rows var(--faq-slide-duration) var(--faq-slide-easing),padding-top var(--faq-slide-duration) var(--faq-slide-easing)}.common-faq>ul>li>main.is-instant{transition:none}.common-faq>ul>li>header.active+main{grid-template-rows:1fr;padding-top:8px}.common-faq>ul>li>main .faq-item__content{min-height:0;overflow:hidden}.main-faqs .common-faq.active{display:block}@media screen and (min-width:1000px){.main-faqs>aside{position:sticky;top:120px}.main-faqs>aside ul li:not(.active):hover{color:var(--blue)}}@media screen and (max-width:1600px){.main-faqs .common-faq,.main-faqs>aside ul,.main-faqs>aside>div{padding:24px}.common-faq>ul>li{padding:24px 0}}@media screen and (max-width:999px){.main-faqs{flex-direction:column;margin-top:24px}.main-faqs>aside{width:100%}.main-faqs>aside ul{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:12px;background-color:var(--white-8)}.main-faqs>aside ul li{flex-shrink:0}.main-faqs .common-faq,.main-faqs>aside ul,.main-faqs>aside>div{padding:12px}.common-faq>ul>li{padding:16px 0}.common-faq>ul>li>header svg{width:12px;flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/common-faq.css.map */
