@layer components{.view-toggle{border:1px solid var(--color-border-divider);border-radius:9999px;flex:none;align-items:center;height:44px;display:flex;overflow:hidden}.view-toggle--sm{height:40px}.view-toggle__button{height:100%;color:var(--color-text-tertiary);outline-color:var(--color-focus-ring);justify-content:center;align-items:center;padding-inline:14px;display:flex}.view-toggle__button+.view-toggle__button{border-inline-start:1px solid var(--color-border-divider)}.view-toggle__button[aria-pressed=true]{color:var(--color-text-secondary);background:var(--color-surface-chip)}.view-toggle__icon{width:20px;height:20px}}