.page-block{counter-reset:faq-counter;&.page-block--info-section{max-width:600px;width:100%}& ol,& p,& ul{font-size:1rem}& ul{list-style:disc}& ol,& ul{padding-left:1rem}& ol{list-style:decimal}}.faq-group{margin-bottom:2rem;.faq-group__title{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;text-align:center;color:var(--color-text);border-bottom:1px solid var(--color-border)}.faq-group__description{margin-bottom:1.5rem;color:var(--color-text-60);font-size:1rem;line-height:1.5}}.faq-item{counter-increment:faq-counter;background-color:var(--color-background-60);box-shadow:var(--box-shadow);.faq-item__button{position:relative;background:none;text-align:left;padding:1rem 2rem 1rem 1rem;width:100%;transition:background-color .2s ease;& .faq-item__button__icon{position:absolute;display:flex;align-items:center;justify-content:center;right:1rem;padding:.25rem;border-radius:50%;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55),background-color .15s ease;svg{display:block;width:100%}}&>h3{margin:0;font-size:1.2rem}&.button--expanded{.faq-item__button__icon{transform:translateY(-50%) rotate(180deg)}}&:hover{background-color:var(--color-accent-20);& .faq-item__button__icon{background-color:var(--color-accent-50)}}&:focus{outline:2px solid var(--color-accent-50);outline-offset:2px}}.faq-item__answer{display:grid;padding:0 1rem;border-radius:5px;grid-template-rows:0fr;transition:grid-template-rows .5s ease,opacity .3s ease;& ol,& p,& ul{font-size:.9rem;color:var(--color-accent-100);letter-spacing:.05rem;& a{color:var(--color-accent-50)}&:first-of-type{margin-top:.5rem}&:last-of-type{margin-bottom:1rem}}& .faq-item__answer-content{overflow:hidden}&:not(.answer--closed){grid-template-rows:1fr!important}&.answer--hidden{visibility:hidden;position:absolute;z-index:-1;pointer-events:none}}}