.admin-bar{background-color:var(--rondom-blauw);border-bottom:.0625rem solid color-mix(in srgb, var(--wit) 16%, transparent);color:var(--wit);z-index:40;font-size:.875rem;line-height:1.25rem;position:relative}.admin-bar--preview{background-color:color-mix(in srgb, var(--rondom-oranje) 88%, var(--zwart))}.admin-bar__inner{justify-content:space-between;align-items:center;gap:1rem;min-height:2.5rem;padding-block:.375rem;display:flex}.admin-bar__start{align-items:center;min-width:0;display:flex}.admin-bar__status{white-space:nowrap;border-radius:999rem;padding:.125rem .625rem;font-weight:600}.admin-bar__status--preview{background-color:color-mix(in srgb, var(--wit) 18%, transparent)}.admin-bar__status--published{background-color:color-mix(in srgb, var(--wit) 14%, transparent)}.admin-bar__status--draft{background-color:color-mix(in srgb, var(--wit) 10%, transparent)}.admin-bar__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.admin-bar__button{appearance:none;border:.0625rem solid color-mix(in srgb, var(--wit) 28%, transparent);color:inherit;cursor:pointer;font:inherit;background:0 0;border-radius:999rem;padding:.25rem .75rem;line-height:1.25rem;text-decoration:none;transition:background-color .15s,border-color .15s}.admin-bar__button:hover,.admin-bar__button:focus-visible{background-color:color-mix(in srgb, var(--wit) 12%, transparent);border-color:color-mix(in srgb, var(--wit) 45%, transparent);outline:none}.admin-bar__button--edit{background-color:var(--wit);border-color:var(--wit);color:var(--rondom-blauw);font-weight:600}.admin-bar__button--edit:hover,.admin-bar__button--edit:focus-visible{background-color:color-mix(in srgb, var(--wit) 92%, var(--rondom-blauw));border-color:color-mix(in srgb, var(--wit) 92%, var(--rondom-blauw));color:var(--rondom-blauw)}@media not (min-width:48rem){.admin-bar__inner{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-bar__actions{width:100%}.admin-bar__button{text-align:center;flex:auto}}