.flag-scroll-fade[data-v-0e59f218]{animation:flagFadeOut-0e59f218 .3s ease-in-out 3s forwards}@supports ((animation-timeline:scroll()) and (animation-range:0% 100%)){.flag-scroll-fade[data-v-0e59f218]{animation:flagScrollFade-0e59f218 ease-out forwards;animation-range:0 320px;animation-timeline:--page-scroll}}@keyframes flagFadeOut-0e59f218{0%{opacity:1;pointer-events:auto}to{opacity:0;pointer-events:none}}@keyframes flagScrollFade-0e59f218{0%{opacity:1;pointer-events:auto}to{opacity:0;pointer-events:none}}#desktop-header.index-page{animation:bg-color-change 1s ease-in-out 3s forwards;background-color:#fff4cee6}#desktop-header.index-page .animated-header-button{animation:text-color-change 1s ease-in-out 3s forwards}#desktop-header.index-page .animated-header-button:hover{animation:hover-state-change 1s ease-in-out 3s forwards}#desktop-header.index-page .animated-header-button:focus-visible{animation:focus-state-change 1s ease-in-out 3s forwards}#desktop-header.index-page .animated-header-button:active{animation:active-state-change 1s ease-in-out 3s forwards}#desktop-header.index-page .animated-header-button:disabled{animation:disabled-state-change 1s ease-in-out 3s forwards}@keyframes bg-color-change{0%{background-color:#fff4cee6}to{background-color:var(--color-scarlet-light-400)}}@keyframes hover-state-change{0%{color:var(--color-canary-400)}to{color:var(--color-grey-900)}}@keyframes focus-state-change{0%{color:var(--color-canary-400);outline-color:var(--color-canary-400)}to{color:var(--color-grey-900);outline-color:var(--color-grey-900)}}@keyframes active-state-change{0%{color:var(--color-scarlet-light-400)}to{color:var(--color-grey-0)}}@keyframes disabled-state-change{0%{color:var(--color-grey-0-20)}to{color:var(--color-grey-800-20)}}@supports ((animation-timeline:scroll()) and (animation-range:0% 100%)){#desktop-header.index-page{animation:bg-color-change ease-out forwards;animation-range:0 320px;animation-timeline:--page-scroll}#desktop-header.index-page .animated-header-button{animation:text-color-change ease-out forwards;animation-range:0 320px;animation-timeline:--page-scroll}#desktop-header.index-page .animated-header-button:hover{animation:hover-state-change ease-out forwards;animation-range:0 320px;animation-timeline:--page-scroll}#desktop-header.index-page .animated-header-button:focus-visible{animation:focus-state-change ease-out forwards;animation-range:0 320px;animation-timeline:--page-scroll}#desktop-header.index-page .animated-header-button:active{animation:active-state-change ease-out forwards;animation-range:0 320px;animation-timeline:--page-scroll}#desktop-header.index-page .animated-header-button:disabled{animation:disabled-state-change ease-out forwards;animation-range:0 320px;animation-timeline:--page-scroll}}#mobile-header.index-page{animation:bg-color-change ease-out forwards;animation-range:0 150px;animation-timeline:scroll(root)}#mobile-header.index-page .nav-icon{animation:icon-color-change ease-out forwards;animation-range:0 150px;animation-timeline:scroll(root);background-color:var(--color-grey-900)}#mobile-header.index-page .nav-text{animation:text-color-change ease-out forwards;animation-range:0 150px;animation-timeline:scroll(root);color:var(--color-grey-900)}#mobile-header.index-page .active-icon{animation:active-icon-color-change ease-out forwards;animation-range:0 150px;animation-timeline:scroll(root);background-color:var(--color-scarlet-light-400)}#mobile-header.index-page .active-text{animation:active-text-color-change ease-out forwards;animation-range:0 150px;animation-timeline:scroll(root);color:var(--color-scarlet-light-400)}#mobile-header.index-page .active-link{animation:active-link-bg-change ease-out forwards;animation-range:0 150px;animation-timeline:scroll(root)}#mobile-header:not(.index-page) .nav-icon{background-color:var(--color-canary-400)}#mobile-header:not(.index-page) .nav-text{color:var(--color-canary-400)}#mobile-header:not(.index-page) .active-icon{background-color:var(--color-grey-0)}#mobile-header:not(.index-page) .active-text{color:var(--color-grey-0)}@keyframes bg-color-change{0%{background-color:var(--color-light)}to{background-color:var(--color-scarlet-light-400)}}@keyframes icon-color-change{0%{background-color:var(--color-grey-900)}to{background-color:var(--color-canary-400)}}@keyframes text-color-change{0%{color:var(--color-grey-900)}to{color:var(--color-canary-400)}}@keyframes active-icon-color-change{0%{background-color:var(--color-scarlet-light-400)}to{background-color:var(--color-grey-0)}}@keyframes active-text-color-change{0%{color:var(--color-scarlet-light-400)}to{color:var(--color-grey-0)}}