:root{--header-width:856px;--header-height:56px;--header-margin:16px;--header-area:calc(var(--header-height) + var(--header-margin)*2)}.header[data-v-33ef6e7d]{align-items:center;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:linear-gradient(180deg,#ffffff0d,#ffffff0a);border:1px solid hsla(0,0%,100%,.02);border-radius:100px;box-shadow:0 2px 2px #00000040,inset 0 1px 2px #ffffff0d;display:flex;gap:16px;height:var(--header-height);margin:var(--header-margin);max-width:var(--header-width);padding:10px 16px;position:sticky;top:16px;width:calc(100% - var(--header-margin)*2);z-index:100}.header-logo[data-v-33ef6e7d]{margin-inline:calc(calc(var(--spacing) * 3) * -1);padding-left:calc(var(--spacing) * 3);padding-right:calc(var(--spacing) * 3.5);border-radius:calc(infinity * 1px);display:flex;height:100%;height:calc(var(--spacing) * 11.5);transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center}.header-logo[data-v-33ef6e7d]:hover{background-color:color-mix(in srgb,var(--colors-white) 5%,transparent)}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.header-logo[data-v-33ef6e7d]:hover{background-color:color-mix(in oklab,var(--colors-white) 5%,transparent)}}.header-navigation[data-v-33ef6e7d]{flex:1 1 0%}.header-actions[data-v-33ef6e7d]{margin-right:calc(calc(var(--spacing) * 1) * -1);display:flex;gap:calc(var(--spacing) * 1);align-items:center}