.faq{background-color:var(--background);color:var(--text-color);position:relative;overflow:hidden}.faq__container{position:relative;max-width:var(--container-width)}.faq__content{width:100%}.faq__header{margin-bottom:44px}.faq__title{margin:0;text-align:var(--text-align);color:var(--title-color);font-size:40px;font-weight:500;line-height:115%;letter-spacing:-.8px}.faq__list{margin-top:20px}.faq__item{border-bottom:1px solid var(--border-color);position:relative}.faq__input{position:absolute;opacity:0;width:0;height:0}.faq__button{width:100%;padding:16px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:none;color:var(--title-color);text-align:left;-webkit-user-select:none;user-select:none;font-size:15px;font-weight:500;line-height:normal}.faq__grid{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}.faq__input:checked~.faq__grid{grid-template-rows:1fr}.faq__wrapper{overflow:hidden}.faq__answer{padding-bottom:16px;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(-10px);font-size:14px;font-weight:400;line-height:normal;display:flex;flex-direction:column;gap:10px}.faq__answer *{margin:0}.faq__input:checked~.faq__grid .faq__answer{opacity:.8;transform:translateY(0)}.faq__icon{width:24px;height:24px;position:relative;flex-shrink:0;margin-left:15px;background-color:var(--border-color);padding:5px;border-radius:50%;transition:transform .4s ease}.faq__icon:before,.faq__icon:after{content:"";position:absolute;background-color:var(--title-color);top:50%;left:50%;transform:translate(-50%,-50%)}.faq__icon:before{width:38%;height:1px}.faq__icon:after{width:1px;height:38%}.faq__input:checked~.faq__button .faq__icon{transform:rotate(45deg);background-color:rgba(var(--color-button),var(--alpha-button-background))}.faq__input:checked~.faq__button .faq__icon:before,.faq__input:checked~.faq__button .faq__icon:after{background-color:rgb(var(--color-button-text))}.faq__buttons{display:flex;justify-content:center;align-items:center;margin-top:44px;gap:12px}.faq__buttons .button{font-size:14px}@media screen and (min-width:768px){.faq__button{padding:20px 0}.faq__answer{padding-bottom:45px}}@media screen and (min-width:1024px)and (max-width:1250px){.faq__title{font-size:34px;line-height:normal}}@media screen and (min-width:1679px){.faq__container{max-width:var(--container-width);padding:0 5rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-faq.css.map */