:root{--animation-curve:cubic-bezier(.215,.61,.355,1);--animation-timing:.4s;--animation-delay:.1s}.faq{width:100%;color:var(--text-color)}.faq .container{justify-content:space-between;gap:3rem;max-width:64.5rem;margin:0 auto;padding:0;display:flex}.faq .container h2{color:var(--text-color)}.faq .container .list{max-width:35.9375rem;margin-top:-1.375rem}.faq .container .list .item{border-bottom:1px solid var(--border-color);cursor:pointer;transition:all var(--animation-timing)var(--animation-curve);flex-direction:column;padding:1.5rem 0;display:flex}@media (hover:hover) and (pointer:fine){.faq .container .list .item:hover{opacity:.8;transition:opacity .3s}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.faq .container .list .item:last-child{border-bottom:none}.faq .container .list .item p{color:var(--text-color)}.faq .container .list .item h3{transition:color var(--animation-timing)var(--animation-curve);color:var(--text-color);margin:0}.faq .container .list .item a{color:var(--primary-color);text-decoration:none}.faq .container .list .item a h3{color:var(--primary-color)}[data-version=crypto] .faq .container .list .item a,[data-version=crypto] .faq .container .list .item a h3{color:#007aff}[data-version=ton] .faq .container .list .item a,[data-version=ton] .faq .container .list .item a h3{color:#6fb4ff}.faq .container .list .answer{height:var(--answer-height,0px);opacity:0;will-change:height,opacity,margin-top;transition:height var(--animation-timing)var(--animation-curve),opacity var(--animation-timing)var(--animation-curve),margin-top var(--animation-timing)var(--animation-curve);margin-top:0;overflow:hidden}.faq .container .list .item.open .answer{opacity:1;margin-top:16px}.faq .container .list .answer p{opacity:0;will-change:opacity,transform;transition:opacity var(--animation-timing)var(--animation-curve),transform var(--animation-timing)var(--animation-curve);margin:0;transform:translateY(.25rem)}.faq .container .list .item.open .answer p{opacity:1;transition-delay:var(--animation-delay);transform:translateY(0)}.faq .container .list .item .item-text{justify-content:space-between;align-items:flex-start;gap:.875rem;width:100%;display:flex}.faq .container span .faqIcon{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-top:.25rem;display:flex}.faq .container span .faqIcon .line{width:1rem;height:.125rem;transition:transform var(--animation-timing)var(--animation-curve);background-color:#007aff;position:relative}.faq .container span .faqIcon .line:before{content:"";width:1rem;height:.125rem;transition:transform var(--animation-timing)var(--animation-curve);background-color:#007aff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.faq .container .list .item.open .faqIcon .line:before{transform:translate(-50%,-50%)rotate(0)}[data-version=crypto] .faq .container span .faqIcon .line,[data-version=crypto] .faq .container span .faqIcon .line:before{background-color:#007aff}[data-version=ton] .faq .container span .faqIcon .line,[data-version=ton] .faq .container span .faqIcon .line:before{background-color:#6fb4ff}.faq .container .list .item.learn-more-item a{align-items:center;width:100%;text-decoration:none;display:flex;position:relative}.faq .container .list .item.learn-more-item a:after{content:"";background-color:var(--primary-color);flex-shrink:0;width:20px;height:20px;margin-bottom:-4px;margin-left:4px;transition:transform .2s;transform:rotate(-90deg);-webkit-mask-image:url(/images/chevron_down_24.svg);mask-image:url(/images/chevron_down_24.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-version=crypto] .faq .container .list .item.learn-more-item a:after{background-color:#007aff}[data-version=ton] .faq .container .list .item.learn-more-item a:after{background-color:#6fb4ff}@media (hover:hover) and (pointer:fine){.faq .container .list .item.learn-more-item:hover a:after{transform:rotate(-90deg)translateY(.25rem)}}@media (max-width:48rem){.faq .container{flex-direction:column;padding:0 20px}.faq .container .list{max-width:100%}.faq .container .list .item{padding:16px 0}.faq .container .list .item .body1{font-size:18px;line-height:25.2px}}
