.learner-header[data-v-0dc830d9]{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40;background:#f4f0e8e0;justify-content:space-between;gap:30px;height:76px;padding:0 max(24px,50vw - 590px);position:sticky;top:0}.learner-header[data-v-0dc830d9],nav[data-v-0dc830d9]{align-items:center;display:flex}nav[data-v-0dc830d9]{gap:32px;margin-left:auto}nav a[data-v-0dc830d9]{color:var(--ink-soft);font-size:13px;font-weight:600;position:relative}nav a[data-v-0dc830d9]:after{content:"";background:var(--orange);height:2px;transition:right .2s;position:absolute;bottom:-7px;left:0;right:100%}nav a[data-v-0dc830d9]:hover:after{right:0}.learner-actions[data-v-0dc830d9]{align-items:center;gap:9px;display:flex}.header-icon[data-v-0dc830d9],.menu-button[data-v-0dc830d9]{width:39px;height:39px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.header-icon[data-v-0dc830d9]:hover,.menu-button[data-v-0dc830d9]:hover{background:#15241d12}.my-learning[data-v-0dc830d9]{border:1px solid var(--line);background:var(--white);border-radius:99px;align-items:center;gap:7px;min-height:39px;padding:0 14px;font-size:12px;font-weight:700;display:flex}.menu-button[data-v-0dc830d9]{display:none}@media (width<=720px){.learner-header[data-v-0dc830d9]{height:64px;padding:0 17px}nav[data-v-0dc830d9]{background:var(--ink);color:#fff;box-shadow:var(--shadow);border-radius:15px;padding:18px;display:none;position:absolute;top:64px;left:12px;right:12px}nav.open[data-v-0dc830d9]{flex-direction:column;align-items:stretch;gap:0;display:flex}nav a[data-v-0dc830d9]{color:#fff;padding:13px}.my-learning[data-v-0dc830d9]{justify-content:center;width:39px;padding:0}.my-learning[data-v-0dc830d9] span{display:none}.my-learning[data-v-0dc830d9]{font-size:0}.header-icon[data-v-0dc830d9]{display:none}.menu-button[data-v-0dc830d9]{display:grid}}