.mtl-coachmark{align-items:flex-start;gap:var(--space-sm);margin:var(--space-sm) var(--space-base) 0;padding:var(--space-sm) var(--space-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-secondary);display:flex}.mtl-coachmark__tips{gap:var(--space-xs) var(--space-base);flex-wrap:wrap;flex:1;margin:0;padding:0;list-style:none;display:flex}.mtl-coachmark__tip{font-size:var(--mobile-font-caption);color:var(--color-text-secondary)}.mtl-coachmark__tip svg{vertical-align:-.125rem;width:.875rem;height:.875rem}.mtl-coachmark__dismiss{width:var(--touch-target-min);height:var(--touch-target-min);margin:calc(-1 * var(--space-xs)) calc(-1 * var(--space-sm)) 0 0;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:1rem;line-height:1}
.view-mode-selector{scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:.375rem;min-width:0;max-width:100%;display:flex;overflow:auto hidden}.view-mode-selector__btn{border:2px solid var(--color-border,#d1d5db);background:var(--color-bg-secondary,#f9fafb);color:var(--color-text-secondary,#6b7280);cursor:pointer;white-space:nowrap;border-radius:.5rem;flex-direction:column;flex-shrink:0;align-items:center;gap:.1875rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:500;transition:border-color .15s,background-color .15s,color .15s;display:flex}.view-mode-selector__btn:hover:not(:disabled){border-color:var(--color-text-muted,#9ca3af);color:var(--color-text-primary,#374151)}.view-mode-selector__btn--selected{border-color:var(--color-accent-text);background:color-mix(in srgb, var(--color-accent-text) 8%, var(--color-bg-secondary,#f9fafb));color:var(--color-accent-text)}.view-mode-selector__btn--selected:hover:not(:disabled){border-color:var(--color-accent-text);color:var(--color-accent-text)}.view-mode-selector__btn:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:1px}.view-mode-selector__btn:disabled{opacity:.5;cursor:not-allowed}.view-mode-selector__btn svg{flex-shrink:0}@media (max-width:48em){.view-mode-selector__btn{padding:.3125rem .5rem;font-size:.625rem}.view-mode-selector__btn svg{width:2rem;height:1.375rem}}.view-mode-selector__btn{position:relative}.view-mode-selector__default-badge{top:.125rem;color:var(--color-accent-text);opacity:.85;pointer-events:auto;display:flex;position:absolute;inset-inline-end:.1875rem}.view-mode-selector__default-badge svg{width:.625rem;height:.625rem}.view-mode-selector__set-default{border:2px solid var(--color-border,#d1d5db);background:var(--color-bg-secondary,#f9fafb);min-width:2rem;color:var(--color-text-secondary,#6b7280);cursor:pointer;border-radius:.5rem;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;padding:0 .5rem;transition:border-color .15s,background-color .15s,color .15s;display:flex}.view-mode-selector__set-default:hover:not(:disabled){border-color:var(--color-text-muted,#9ca3af);color:var(--color-text-primary,#374151)}.view-mode-selector__set-default:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:1px}.view-mode-selector__set-default:disabled,.view-mode-selector__set-default[aria-disabled=true]{color:var(--color-accent-text);cursor:default;opacity:.75;background:0 0;border-color:#0000}.view-mode-selector__set-default[aria-disabled=true]:hover{color:var(--color-accent-text);border-color:#0000}.view-mode-selector .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}