.faq{color:#fff;display:block;padding:1.8rem 0 1.2rem;position:relative;transition:background-color var(--dur-medium) var(--ease)}.faq .title{font-family:var(--ff-display);margin-bottom:1.2rem;text-align:center}.faq.color-purple{background-color:#8300ff}.faq.color-purple .expander-frame .icon path{fill:#ff90cc}.faq.color-orange{background-color:#ff3f00}.faq.color-orange .expander-frame .icon path{fill:#ffa583}.faq.color-teal{background-color:#038e97}.faq.color-teal .expander-frame .icon path{fill:#9cdec4}.faq .expander-frame{border-top:.02rem solid #000;display:block;position:relative}:is(.faq .expander-frame) .row{border-bottom:.02rem solid #000;cursor:pointer;display:block;overflow:hidden;padding:.6rem 0;position:relative}:is(:is(.faq .expander-frame) .row) .icon{position:absolute;right:0;top:.65rem;width:.3rem}:is(:is(:is(.faq .expander-frame) .row) .icon) svg{display:block;height:auto;opacity:0;transition:opacity var(--dur) var(--ease);width:100%}:is(:is(:is(.faq .expander-frame) .row) .icon) svg:last-child{left:0;opacity:1;position:absolute;top:0}:is(:is(:is(.faq .expander-frame) .row) .icon) path{transition:fill var(--dur) var(--ease)}:is(.faq .expander-frame) .num{font-family:var(--ff-display);left:0;position:absolute;top:.6rem}:is(.faq .expander-frame) .media-frame{aspect-ratio:1;left:2.3rem;opacity:0;position:absolute;top:50%;transform:translateY(-50%) scale(.75);transition:transform var(--dur-medium) var(--ease),opacity var(--dur-medium) var(--ease);width:3.2rem}:is(:is(.faq .expander-frame) .media-frame) .media{border-radius:.4rem}:is(.faq .expander-frame) .layout{margin-left:auto;margin-right:2.1rem;max-width:4.46rem}:is(.faq .expander-frame) .expander{height:0;overflow:hidden;position:relative;transition:height var(--dur-medium) var(--ease)}:is(:is(.faq .expander-frame) .expander)>div{padding:.3rem 0 1.57rem}:is(:is(.faq .expander-frame) .row.is-open) .media-frame{opacity:1;transform:translateY(-50%) scale(1)}:is(:is(.faq .expander-frame) .row.is-open) .expander{height:auto}:is(:is(:is(.faq .expander-frame) .row.is-open) .icon) svg:first-child{opacity:1}:is(:is(:is(.faq .expander-frame) .row.is-open) .icon) svg:last-child{opacity:0}:is(.faq .expander-frame) .subtitle{font-family:var(--ff-display)}:is(.faq .expander-frame) .text{font-family:var(--ff-sans);font-size:.18rem;font-weight:400;line-height:1.2}@media (max-width:768px) and (orientation:portrait){.faq{padding:1rem 0 .6rem}.faq .title{margin-bottom:.6rem}:is(.faq .expander-frame) .row{display:flex;flex-direction:column-reverse}:is(.faq .expander-frame) .num{font-size:.21rem;font-weight:400;left:0;position:absolute;top:.3rem}:is(.faq .expander-frame) .layout{margin-left:0;margin-right:auto;max-width:100%;padding-left:.68rem;width:100%}:is(:is(.faq .expander-frame) .layout) .subtitle{max-width:1.94rem}:is(.faq .expander-frame) .row{padding:.3rem 0}:is(:is(.faq .expander-frame) .row) .icon{right:0;top:.3rem}:is(.faq .expander-frame) .media-frame{aspect-ratio:auto;left:auto;margin-bottom:0;margin-top:0;max-height:0;opacity:0;overflow:hidden;padding-left:.68rem;position:relative;top:auto;transform:none;transition:max-height var(--dur-long) var(--ease),opacity var(--dur-medium) var(--ease),margin-top var(--dur-medium) var(--ease);width:100%}:is(:is(.faq .expander-frame) .media-frame) .media{border-radius:.2rem;left:auto;position:relative;top:auto}:is(:is(.faq .expander-frame) .row.is-open) .media-frame{margin-top:.2rem;max-height:4rem;opacity:1;transform:none}:is(:is(.faq .expander-frame) .expander)>div{padding:.2rem 0 0}:is(.faq .expander-frame) .text{font-size:.16rem}}