.xyz-brand-bar{--xyz-out-side-padding:20px;--xyz-brand-bar-logo-size:26px;--xyz-brand-bar-logo-icon-size:26px;--xyz-brand-bar-highlight-font-size:12px;--xyz-brand-bar-slogan-font-size:14px;--xyz-brand-bar-highlight-horizontal-padding:4.5px;width:100%;color:var(--xyz-color-on-container-on-container-primary,#000);box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-items:center;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;display:flex}.xyz-brand-bar-main{min-width:0;padding:17px 0 17px var(--xyz-out-side-padding);color:inherit;box-sizing:border-box;flex:1;align-items:center;display:flex}.xyz-brand-bar-has-user .xyz-brand-bar-main{min-width:0;padding-right:0}.xyz-brand-bar-has-user .xyz-brand-bar-title{flex:0 auto}.xyz-brand-bar.xyz-brand-bar-has-user{grid-template-columns:minmax(0,max-content) minmax(76px,1fr);display:grid}.xyz-brand-bar-button-slot{margin:0 var(--xyz-out-side-padding) 0 12px;flex:none;align-items:center;display:inline-flex}.xyz-brand-bar-button-slot>*{color:inherit;text-decoration:none;display:inline-flex}.xyz-brand-bar-logo{width:var(--xyz-brand-bar-logo-size);height:var(--xyz-brand-bar-logo-size);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.xyz-brand-bar-logo svg{width:var(--xyz-brand-bar-logo-icon-size);height:var(--xyz-brand-bar-logo-icon-size);display:block}.xyz-brand-bar-logo .xyz-brand-bar-progress-ring{transform-origin:50%;transform:rotate(52deg)}.xyz-brand-bar-spinning .xyz-brand-bar-progress-ring{animation:.5s linear infinite xyz-brand-bar-spin}@keyframes xyz-brand-bar-spin{0%{stroke-dasharray:32;stroke-dashoffset:0}to{stroke-dasharray:32;stroke-dashoffset:64px}}.xyz-brand-bar-title{font-weight:700;font-size:var(--xyz-brand-bar-slogan-font-size);flex:1;align-items:center;min-width:0;line-height:20px;display:flex;position:relative}.xyz-brand-bar-title-content{align-items:center;min-width:0;display:flex;position:absolute;inset:0}.xyz-brand-bar-highlight-sizer{visibility:hidden;flex-direction:column;flex:none;height:0;margin:0 4px;display:inline-flex;overflow:hidden}.xyz-brand-bar-highlight-clipper{box-sizing:border-box;flex:none;height:21px;margin:0 4px;transition:width .6s cubic-bezier(.49,.11,0,1);overflow:hidden}.xyz-brand-bar-highlight-wrapper{box-sizing:border-box;will-change:transform;flex-direction:column;align-items:flex-start;gap:3px;height:21px;animation:1.6s cubic-bezier(.49,.11,0,1) 1s forwards xyz-brand-bar-popup;display:flex}.xyz-brand-bar-highlight,.xyz-brand-bar-highlight-sizer-word{box-sizing:border-box;height:21px;color:var(--xyz-color-on-container-on-container-xyz-primary,#25b4e1);font-weight:600;font-size:var(--xyz-brand-bar-highlight-font-size);white-space:nowrap;padding:2px var(--xyz-brand-bar-highlight-horizontal-padding);background-color:var(--xyz-color-on-container-on-container-xyz-4th,#25b4e133);border-radius:3px;line-height:17px;display:inline-block}.xyz-brand-bar-highlight{flex:none}@keyframes xyz-brand-bar-popup{0%{transform:translateY(0)}37.5%{transform:translateY(-24px)}to{transform:translateY(-24px)}}.xyz-brand-bar-slogan{min-width:0;color:inherit;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.xyz-brand-bar-slogan-sizer{color:inherit;white-space:nowrap;visibility:hidden;flex:none}.xyz-brand-bar-cta{box-sizing:border-box;border:1px solid var(--xyz-color-on-container-on-container-xyz-primary,#25b4e1);background:linear-gradient(180deg, var(--xyz-color-on-container-on-container-xyz-primary,#25b4e1) 0%, var(--xyz-color-on-container-on-container-xyz-linear-overlay,#98c8cd) 100%);min-width:69px;height:26px;color:var(--xyz-color-on-container-on-container-white,#fff);white-space:nowrap;pointer-events:none;border-radius:2px;flex:none;justify-content:center;align-items:center;padding:4px 9.5px;font-size:12px;font-weight:500;line-height:normal;display:inline-flex}.xyz-brand-bar-user{width:100%;min-width:76px;padding:0 var(--xyz-out-side-padding) 0 6px;color:var(--xyz-color-on-container-on-container-secondary,#3c3c4399);font:inherit;cursor:pointer;box-sizing:border-box;background:0 0;border:0;justify-content:flex-end;align-self:stretch;align-items:center;font-size:14px;font-weight:500;line-height:normal;display:flex}.xyz-brand-bar-user-content{align-items:center;gap:3px;min-width:0;max-width:100%;display:flex}.xyz-brand-bar-user-avatar{object-fit:cover;border-radius:50%;flex:none;width:23px;height:23px;display:block}.xyz-brand-bar-user-nickname{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.xyz-brand-bar-user-menu{z-index:10;background:var(--xyz-color-container-card,#fff);box-sizing:border-box;border-radius:5px;flex-direction:column;align-items:flex-start;min-width:110px;padding:5px 0;animation:.16s ease-out xyz-brand-bar-user-menu-enter;display:flex;position:fixed;transform:translate(-100%,10px);box-shadow:0 4px 40px #00000026}.xyz-brand-bar-user-menu-closing{pointer-events:none;animation:.12s ease-in forwards xyz-brand-bar-user-menu-exit}@keyframes xyz-brand-bar-user-menu-enter{0%{opacity:0}to{opacity:1}}@keyframes xyz-brand-bar-user-menu-exit{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.xyz-brand-bar-user-menu,.xyz-brand-bar-user-menu-closing{animation-duration:1ms}}.xyz-brand-bar-logout{width:110px;height:36px;color:var(--xyz-color-on-container-on-container-red,#e78787);font:inherit;cursor:pointer;box-sizing:border-box;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:8px;display:flex}:root{color:#000;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none}