.head[data-v-cfdc0c8e]{position:fixed;left:0;top:0;width:calc(100% + 320px);padding-right:320px;background-color:#2f3a4a;height:var(--head-height);display:flex;z-index:4;align-items:center;transition:transform .1s ease-in-out}.head.is-empty[data-v-cfdc0c8e]{width:320px}.head.is-offset[data-v-cfdc0c8e]{transform:translateX(-320px)}.is-tablet .head[data-v-cfdc0c8e]{height:64px}.is-mobile .head[data-v-cfdc0c8e]{height:48px}.head-toggle[data-v-cfdc0c8e]{width:64px;height:64px;color:#fff;font-size:32px;text-align:center;line-height:64px}.is-mobile .head-toggle[data-v-cfdc0c8e]{width:48px;height:48px;line-height:52px;font-size:24px}.head-profile[data-v-cfdc0c8e]{width:320px;background-color:rgba(0,0,0,.1);height:var(--head-height)}.head-title[data-v-cfdc0c8e]{color:#fff;font-size:32px;padding:0 20px;font-weight:400;display:flex;align-items:center}.is-tablet .head-title[data-v-cfdc0c8e]{font-size:24px;padding:0 10px}.is-mobile .head-title[data-v-cfdc0c8e]{font-size:20px;padding:0 0}.head-title-logo[data-v-cfdc0c8e]{width:64px;height:64px;background-size:contain;background-color:#fff;border-radius:10px;background-repeat:no-repeat;border:4px solid #fff;margin-right:10px}.is-mobile .head-title-logo[data-v-cfdc0c8e]{display:none}.head-title small[data-v-cfdc0c8e]{font-weight:300;font-size:16px;margin-top:4px;display:block}.is-tablet .head-title small[data-v-cfdc0c8e]{font-size:14px}.is-mobile .head-title small[data-v-cfdc0c8e]{font-size:12px}.head-toggle-dot[data-v-cfdc0c8e]{position:absolute;width:8px;height:8px;border-radius:50%;background-color:#dd4848;right:8px;top:8px}