.u-headerNavItem{transition:color .2s ease-in-out}.u-headerNavItem__link.router-link-active,.u-headerNavItem__link:hover{color:oklch(96% .004 90)}.u-headerNavItem__link.router-link-active:before{content:"";background:linear-gradient(90deg,#e72c27,#faa307);border-radius:2px;width:4px;height:4px;margin:auto 0;display:block;position:absolute;top:0;bottom:0;left:-10px}@media (width>=640px){.u-headerNavItem__link.router-link-active:before{margin:0 auto;inset:auto 0 -6px}}:root{--header-height:72px}.o-header{z-index:50;transition:color .2s;position:relative}.o-header.to-anime{animation:2s ease-in-out 1.7s both header-home-appear}.o-header__nav:hover :not(:hover){color:oklch(60% .01 60)}.o-header__panel{visibility:hidden;opacity:0;transition:opacity .25s,transform .25s cubic-bezier(.19,1,.22,1),visibility .25s;transform:translateY(-.5rem);box-shadow:0 18px 40px #00000073}.o-header__panel.is-open{visibility:visible;opacity:1;transform:translateY(0)}@media (width>=640px){.o-header__panel{visibility:visible;opacity:1;box-shadow:none;transition:none;transform:none}}@media (prefers-reduced-motion:reduce){.o-header__panel{transition:none}}.o-header__backdrop{z-index:40;inset:var(--header-height) 0 0 0;visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;transition:opacity .25s,visibility .25s;position:fixed}.o-header__backdrop.is-open{visibility:visible;opacity:1}@media (prefers-reduced-motion:reduce){.o-header__backdrop{transition:none}}.o-header__menuBar{box-sizing:content-box;background:linear-gradient(90deg,#e72c27,#faa307) padding-box content-box;border:23px solid #0000;border-width:23px 12px;width:25px;height:3px}.o-header__menuBar:after,.o-header__menuBar:before{content:"";background:linear-gradient(90deg,#e72c27,#faa307);width:100%;height:3px;position:absolute;top:0;left:0}.o-header__menuBar:before{animation:.2s ease-in-out both bar-top}.o-header__menuBar:after{animation:.2s ease-in-out both bar-bottom}.o-header__menuBar.on{background:0 0}.o-header__menuBar.on:before{animation-name:bar-top-on}.o-header__menuBar.on:after{animation-name:bar-bottom-on}@keyframes header-home-appear{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}@keyframes bar-top{0%{transform:translateY(0)rotate(45deg)}50%{transform:translateY(0)rotate(0)}to{transform:translateY(-6px)rotate(0)}}@keyframes bar-top-on{0%{transform:translateY(-6px)rotate(0)}50%{transform:translateY(0)rotate(0)}to{transform:translateY(0)rotate(45deg)}}@keyframes bar-bottom{0%{transform:translateY(0)rotate(-45deg)}50%{transform:translateY(0)rotate(0)}to{transform:translateY(6px)rotate(0)}}@keyframes bar-bottom-on{0%{transform:translateY(6px)rotate(0)}50%{transform:translateY(0)rotate(0)}to{transform:translateY(0)rotate(-45deg)}}
