@layer components{.sw-update{display:contents;& .sw-update__bar{position:sticky;inset-block-start:0;z-index:20}& .notice{align-items:center;gap:var(--space-s);background:var(--color-surface);box-shadow:0 2px 8px color-mix(in oklab,var(--color-text) 12%,transparent)}& .button{min-block-size:2.25rem;padding-block:var(--space-3xs);font-size:var(--size-step--1)}}body[data-color-scheme=dark] .sw-update .notice{box-shadow:0 2px 14px color-mix(in oklab,#000 55%,transparent)}@media(prefers-color-scheme:dark){body[data-color-scheme=system] .sw-update .notice{box-shadow:0 2px 14px color-mix(in oklab,#000 55%,transparent)}}}