.page-header{flex-direction:column;gap:20px;display:flex;container:page-header/inline-size}.page-header__identity{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-header__content{flex-direction:row;align-items:center;gap:8px;min-width:0;display:flex}.page-header__icon{color:var(--fg-primary);align-items:center;display:flex}.page-header__title{color:var(--fg-primary);margin:0;font-size:20px;font-weight:700}.page-header__heading{flex-direction:column;gap:2px;min-width:0;display:flex}.page-header__title-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.page-header__tag{flex-shrink:0;align-items:center;display:inline-flex}.page-header__subtitle{color:var(--fg-secondary);margin:0;font-size:13px;font-weight:400}.page-header__actions{flex-shrink:0;align-items:center;display:flex}.page-header__bar{flex-direction:column;gap:14px;display:flex}@media (min-width:1024px){.page-header__bar{flex-direction:row;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.page-header__bar--no-controls{grid-template-columns:1fr auto}}@container page-header (max-width:1180px){.page-header__bar--stacked{grid-template-columns:1fr auto;grid-template-areas:"start end""center center";row-gap:12px}.page-header__bar--stacked .page-header__start{grid-area:start}.page-header__bar--stacked .page-header__end{grid-area:end}.page-header__bar--stacked .page-header__center{grid-area:center;justify-content:center;justify-self:stretch;width:100%}}.page-header__start{align-items:center;min-width:0;display:flex}@media (min-width:1024px){.page-header__start{justify-self:start}}.page-header__center{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (min-width:1024px){.page-header__center{justify-self:center}}.page-header__end{flex-wrap:wrap;align-items:center;gap:16px;min-width:0;display:flex}@media (min-width:1024px){.page-header__end{justify-self:end}}.page-header__action{gap:6px;font-size:14px;font-weight:500;box-shadow:none!important;min-height:auto!important;color:var(--fg-primary)!important;background:0 0!important;border:none!important;padding:0!important}.page-header__action:hover{opacity:.75;background:0 0!important}.page-header__divider{background:var(--divider-color);flex-shrink:0;width:1px;height:18px}.page-header__group{border-radius:var(--radius-full);background:var(--surface-secondary);overscroll-behavior-x:contain;min-width:0;max-width:100%;overflow-x:auto}.page-header__group .button{white-space:nowrap;height:38px;box-shadow:none;color:var(--fg-muted);background:0 0;flex:none;gap:8px;padding:0 18px;font-size:14px;font-weight:500;display:flex;position:relative}.page-header__group .button:hover{background:color-mix(in oklab, var(--fg-primary) 5%, transparent);color:var(--fg-primary)}.page-header__group .page-header__group-action--lead{background:color-mix(in oklab, var(--fg-primary) 10%, transparent);color:var(--fg-primary);font-weight:500}.page-header__group .button:not(:first-child):before{content:"";inset-inline-start:0;background:var(--divider-color);width:1px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.page-header__group .button--icon-only{width:42px;padding:0}@media (max-width:767px){.page-header__group{border-radius:var(--radius-lg);flex-wrap:wrap;gap:4px;width:100%;padding:6px;overflow-x:visible}.page-header__group .button{border-radius:var(--radius-full);flex:auto;min-width:42%}.page-header__group .button--icon-only{flex:none;min-width:0}.page-header__group .button:not(:first-child):before{content:none}}
