.tux-teaching-popover[data-v-b6df844c]{z-index:60;background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius-md);width:22rem;max-width:calc(100vw - 3rem);box-shadow:var(--elevation-overlay);font-family:var(--font-body);position:fixed;bottom:1.5rem;right:1.5rem;overflow:hidden}.tux-teaching-popover--on-brand[data-v-b6df844c]{background:var(--brand-primary);color:var(--text-inverse);border-color:var(--brand-primary-deep,var(--brand-primary))}.tux-teaching-popover__head[data-v-b6df844c]{align-items:center;gap:.5rem;padding:.75rem .875rem;display:flex}.tux-teaching-popover__title[data-v-b6df844c]{color:inherit;flex:1;margin:0;font-size:.875rem;font-weight:700}.tux-teaching-popover__dismiss[data-v-b6df844c]{border-radius:var(--radius-sm);color:currentColor;opacity:.7;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;transition:opacity .15s,background-color .15s;display:inline-flex}.tux-teaching-popover__dismiss[data-v-b6df844c]:focus-visible,.tux-teaching-popover__dismiss[data-v-b6df844c]:hover{opacity:1;background:color-mix(in srgb,currentColor 12%,transparent);outline:none}.tux-teaching-popover__dismiss-icon[data-v-b6df844c]{width:.875rem;height:.875rem}.tux-teaching-popover__image[data-v-b6df844c]{background:var(--surface-sunken);padding:.5rem}.tux-teaching-popover--on-brand .tux-teaching-popover__image[data-v-b6df844c]{background:color-mix(in srgb,#000 14%,var(--brand-primary))}.tux-teaching-popover__image[data-v-b6df844c] img,.tux-teaching-popover__image[data-v-b6df844c] svg{border-radius:var(--radius-sm);width:100%;height:auto;display:block}.tux-teaching-popover__body[data-v-b6df844c]{padding:.5rem .875rem .875rem;font-size:.8125rem;line-height:1.5}.tux-teaching-popover__foot[data-v-b6df844c]{border-top:1px solid var(--surface-border);background:var(--surface-sunken);align-items:center;gap:.5rem;padding:.625rem .875rem;display:flex}.tux-teaching-popover--on-brand .tux-teaching-popover__foot[data-v-b6df844c]{background:color-mix(in srgb,#000 12%,var(--brand-primary));border-top-color:color-mix(in srgb,#fff 14%,var(--brand-primary))}.tux-teaching-popover__counter[data-v-b6df844c]{font-family:var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.6875rem}.tux-teaching-popover--on-brand .tux-teaching-popover__counter[data-v-b6df844c]{color:color-mix(in srgb,var(--text-inverse) 78%,transparent)}.tux-teaching-popover__foot-spacer[data-v-b6df844c]{flex:1}.tux-teaching-popover__btn[data-v-b6df844c]{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;padding:.3125rem .75rem;font-size:.75rem;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.tux-teaching-popover__btn--secondary[data-v-b6df844c]{color:var(--text-secondary);background:0 0;border:0}.tux-teaching-popover__btn--secondary[data-v-b6df844c]:focus-visible,.tux-teaching-popover__btn--secondary[data-v-b6df844c]:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 8%,transparent);outline:none}.tux-teaching-popover--on-brand .tux-teaching-popover__btn--secondary[data-v-b6df844c]{color:color-mix(in srgb,var(--text-inverse) 78%,transparent)}.tux-teaching-popover--on-brand .tux-teaching-popover__btn--secondary[data-v-b6df844c]:hover{color:var(--text-inverse);background:color-mix(in srgb,var(--text-inverse) 12%,transparent)}.tux-teaching-popover__btn--primary[data-v-b6df844c]{background:var(--brand-primary);color:var(--text-inverse);border:1px solid var(--brand-primary)}.tux-teaching-popover__btn--primary[data-v-b6df844c]:focus-visible,.tux-teaching-popover__btn--primary[data-v-b6df844c]:hover{background:var(--brand-primary-deep,var(--brand-primary));border-color:var(--brand-primary-deep,var(--brand-primary));outline:none}.tux-teaching-popover--on-brand .tux-teaching-popover__btn--primary[data-v-b6df844c]{background:var(--text-inverse);color:var(--brand-primary);border-color:var(--text-inverse)}.tux-teaching-popover--on-brand .tux-teaching-popover__btn--primary[data-v-b6df844c]:hover{background:color-mix(in srgb,#000 10%,var(--text-inverse))}.tux-teaching-popover-enter-active[data-v-b6df844c],.tux-teaching-popover-leave-active[data-v-b6df844c]{transition:opacity .18s,transform .18s}.tux-teaching-popover-enter-from[data-v-b6df844c],.tux-teaching-popover-leave-to[data-v-b6df844c]{opacity:0;transform:translateY(8px)}
