@keyframes main-title-scroll-animation{0%{transform:translateX(100%)}50%{transform:translateX(0);width:100%;padding-left:2vw}100%{width:0%}}@keyframes main-title-scroll-animation-inversion{0%{transform:translateX(-100%)}50%{transform:translateX(0);width:100%;padding-right:2vw}100%{width:0%}}article{position:relative}.main-title-scroll-view{color:var(--vesta-background-color);background:linear-gradient(to right, var(--vesta-main-shadow), var(--vesta-main-color));position:absolute;top:0;left:0;width:100%;overflow:hidden;z-index:2;white-space:nowrap}.main-title-scroll-view.active{animation:main-title-scroll-animation 2s ease-in-out 0s 1 forwards}.main-title-scroll-view.inversion{background:linear-gradient(to left, var(--vesta-main-shadow), var(--vesta-main-color));text-align:right;left:auto;right:0}.main-title-scroll-view.inversion.active{animation:main-title-scroll-animation-inversion 2s ease-in-out 0s 1 forwards}#faq{padding:5vw 0 0;width:80%;margin:auto}#faq li{display:block}#faq li+li{margin-top:2vw}#faq li .question{position:relative;margin:0 0 2vw}#faq li .question .question-text{display:inline-block;border-bottom:solid 2px var(--vesta-main-shadow);padding-left:5vw;color:var(--vesta-main-shadow);font-size:4.5vw}#faq li .question .question-icon{position:absolute;top:50%;transform:translateY(-50%)}#faq li .question .question-icon:nth-of-type(1){left:0}#faq li .question .question-icon:nth-of-type(1)::before{content:'';width:1.5vw;height:1.5vw;border:2px solid var(--vesta-main-color-50);transform:rotate(45deg);transition:all .5s;display:block}#faq li .question .question-icon:nth-of-type(2){left:1vw}#faq li .question .question-icon:nth-of-type(2)::before{content:'';width:1.7vw;height:1.7vw;background:var(--vesta-main-color-30);transform:rotate(60deg);transition:all .5s;display:block}#faq li .answer{margin:0 3vw;font-size:4vw}#faq li:hover .question .question-icon:nth-of-type(1)::before{transform:rotate(405deg)}#faq li:hover .question .question-icon:nth-of-type(2)::before{transform:rotate(420deg)}@media screen and (min-width: 560px){#faq li .answer{font-size:3vw}}@media screen and (min-width: 960px){#faq{width:60%}#faq li .question .question-text{font-size:1.8vw}#faq li .answer{font-size:1.2vw}}
