.header-container.animate header{will-change:transform;transition:.3s transform ease}.header-container.hide header{transform:translateY(-100%)}.header-container.homepage .bg-1{position:absolute;top:0;left:0;z-index:-1;width:60%;transition:transform .3s ease,opacity .3s ease;will-change:opacity,transform;transition-property:opacity,transform;transform-origin:top left;transform:scale(1) translateZ(0)}@media(max-width:992px){.header-container.homepage .bg-1{width:70%}}.header-container.homepage .bg-2{position:absolute;top:0;right:calc(100% - 70px);z-index:-1;min-width:calc((100vw - 1272px)/2 + 70px);height:100%;transition:transform .3s ease,opacity .3s ease;transition-property:opacity,transform;will-change:opacity,transform;transform-origin:top left;opacity:0;transform:scale(1.3) translateZ(0)}.header-container.homepage.animate header{transition:.3s all ease;transition-property:background-color,border-color,transform}.header-container.homepage.transform header{background-color:#fff;border-color:#dadfe3!important}.header-container.homepage.transform .bg-1{opacity:0;transform:scale(0) translateZ(0)}.header-container.homepage.transform .bg-2{opacity:1;transform:scale(1) translateZ(0)}.header-container.homepage.transform .logo-text-container{background-color:transparent}.header-container.homepage.transform .logo-text-container:after{transform:rotate(0);background-color:transparent}.header-container.homepage.transform .logo-text .text{opacity:0;height:0}header.svelte-kr333z{position:fixed;top:0;width:100%;height:120px;z-index:100}header.svelte-kr333z>.container{height:100%;display:flex;align-items:center;position:relative}.header-container.homepage.svelte-kr333z header:where(.svelte-kr333z){border-bottom:1px solid transparent}.header-container.homepage.svelte-kr333z header:where(.svelte-kr333z) .logo-text-container{margin-left:-25px}@media(max-width:992px){.header-container.homepage.svelte-kr333z header:where(.svelte-kr333z) .logo-text-container{width:120px;margin-left:-15px;height:104px}.header-container.homepage.svelte-kr333z header:where(.svelte-kr333z) .logo-text-container .logo-text{top:25px}}.header-container.default.svelte-kr333z header:where(.svelte-kr333z){background-color:#fff;border-bottom:1px solid #dadfe3}.header-container.search-visible.svelte-kr333z header:where(.svelte-kr333z){border-bottom:none}@media(max-width:992px){header.svelte-kr333z{height:70px}header.svelte-kr333z .header-nav{margin-right:-10px}header.svelte-kr333z .header-nav a,header.svelte-kr333z .header-nav button:not(.complete){padding:10px}}